.mainbox{width: 100%;}
.container{max-width: 80%;margin: 0 auto}
/*顶部*/
.header-top{padding: 7px 0;background: #e7e7e7;}
.header-top-l{float: left;font-size: 14px;color: #666;opacity: 0.6}
.header-top-r{float: right}
.header-top-r span{display: inline-block;font-size: 14px;color: #666;padding-left: 21px;
background-repeat: no-repeat;background-size: auto;background-position: left center;}
.header-top-r span a{font-size: 14px;color: #666;}
.header-top-r span:nth-child(1){background-image: url("../images/ht1.png");position: relative;
padding-right: 27px}
.header-top-r span:nth-child(2){background-image: url("../images/h-t2.png");}
.header-top-r span:nth-child(1)::after{position: absolute;content: '';width: 27px;height: 20px;background: red;
top: 0;right: 0;background: url("../images/ht3.png") center no-repeat;}
.logo-img-b{display: none!important;}
/**/
.header {
  width: 100%;
 height: 1rem;
 position: fixed;
 top: 0px;
 left: 0px;
 z-index: 9;
 background: rgba(0, 0, 0, 0.3);
 border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.header * {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header .inTop {
  height: 1rem;
}
.header .inTop .logo {
  float: left;
  position: relative;
/*  height: 130px; */
  width: 29%;
  padding: 0;
  margin: 0;
  line-height: 1;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
  overflow: hidden;
  padding-top: 18px;
  box-sizing: border-box;
}
.header .inTop .logo a img {
  display: block;
 width: 100%;
  -webkit-transition: all 0.45s ease-out;
  transition: all 0.45s ease-out;
}
.header .inTop .slogan {
  float: left;
  line-height: 30px;
  position: relative;
  margin-top: 46px;
  padding-left: 20px;
  margin-left: 26px;
  font-size: 16px;
  color: #666666;
}
.header .inTop .slogan:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 0;
  width: 1px;
  height: 48px;
  background-color: #c2c2c2;
}
.header .inTop .slogan span {
  color: #0054b4;
}
.header .inTop .tel {
  float: right;
  margin-top: 30px;
  position: relative;
  line-height: 50px;
  color: #666666;
  margin-top: 38px;
  padding-left: 56px;
}
.header .inTop .tel:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 33px;
  height: 34px;
  animation: msClock2 1.5s linear infinite;
  background: url(../images/tel.png) center center no-repeat;
}
.header .inTop .tel i {
  font-weight: bold;
  font-family: Arial;
  font-style: inherit;
  font-size: 30px;
  line-height: 16px;
  color: #333333;
}
.header .inTop .tel  .tel-phone{ padding-left: 32%;}
.nav_bg {
  width: 70%;
  float: left;
  height: 100px;
  padding-left: 2%;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
/* .nav_bg:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 50%;
  margin-left: -760px;
  top: 0;
  width: 1530px;
  height:65px;
  background-color: #ffffff;
  border-radius: 45px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
} */
.nav_bg .menu {
  height: 1rem;
  width: 100%;
}
.nav_bg .menu > ul {
  flex: 1;
  display: flex;
  justify-content: space-between;
  float: left;

}
.nav_bg .menu > ul > li {
  vertical-align: top;
  text-align: center;
  height:1rem;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  min-width: 23%;
}
.nav_bg .menu > ul > li > a {
  display: block;
  height: 1rem;
  line-height: 1rem;
  font-size: 18px;
  position: relative;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: #fff;
}
.nav_bg .menu > ul > li > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 0;
/* background: linear-gradient(to right,#132c66,#5fa4f3); */
background-image: linear-gradient(to right, #b00e1b, #db1717);
  z-index: -1;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.nav_bg .menu > ul > li > a:hover {
  background-color: transparent;
  font-size: 0.2rem;
  color: #fff;
}
.nav_bg .menu > ul > li.another a{  font-size: 0.2rem;
  color: #fff;/* background: linear-gradient(to right, #b00e1b, #db1717); */ }
.nav_bg .menu > ul > li.another > a:after,
.nav_bg .menu > ul > li:hover > a:after {
  width: 100%;
  left: 0;
}
.nav_bg .menu > ul > li:hover .sec {
  height: auto;
}
.nav_bg .menu > ul > li:hover .secs {
  height: auto;
}
.nav_bg .menu .search {
  display: block;
  float: right;
  position: relative;
  z-index: 3;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  margin-top: 31px;
  margin-right: -58px;
  margin-left: 52px;
}
.nav_bg .menu .search .searchIco {
  width: 38px;
  height: 38px;
  border-radius: 100%;
/*  background-image: linear-gradient(0deg, #0054b4 0%, #12c371 100%); */
background-image: linear-gradient(to right, #b00e1b, #db1717);
/* background: #132c66; */
  overflow: hidden;
  cursor: pointer;
}
.nav_bg .menu .search .searchIco em {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  padding: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.nav_bg .menu .search .searchIco em.searchShow {
  background: url(../images/topsearch.png) center center no-repeat;
}
.nav_bg .menu .search .searchIco em.searchHide {
  background: url(../images/topsehide.png) center center no-repeat;
}
.nav_bg .menu .search .searchIco.topSearch em {
  top: -100%;
}
.nav_bg .menu .search .searchBox {
  width: 0;
  height: 45px;
  position: absolute;
  right: 120%;
  background: #fff;
  top: 50%;
  margin-top: -23px;
  overflow: hidden;
  border-radius: 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.nav_bg .menu .search .searchBox .searchInp {
  width: 240px;
  height: 45px;
  border: none;
  line-height: 45px;
  background: none;
  float: left;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 14px;
}
.nav_bg .menu .search .searchBox .searchInp::-webkit-input-placeholder {
  color: #777;
  font-weight: normal;
  font-size: 14px;
  opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp::-moz-placeholder {
  color: #777;
  font-weight: normal;
  font-size: 14px;
  opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp:-ms-input-placeholder {
  color: #777;
  font-weight: normal;
  font-size: 14px;
  opacity: 1;
}
.nav_bg .menu .search .searchBox .searchInp:focus::-webkit-input-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active::-webkit-input-placeholder {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .searchInp:focus::-moz-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active::-moz-placeholder {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .searchInp:focus:-ms-input-placeholder,
.nav_bg .menu .search .searchBox .searchInp:active:-ms-input-placeholder {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.nav_bg .menu .search .searchBox .submitBtn {
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/searchico.png) center center no-repeat #fff;
  background-size: 22px;
  width: 60px;
  height: 45px;
  cursor: pointer;
  border: none;
  float: right;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  opacity: 0;
  filter: alpha(opacity=0);
}
.nav_bg .menu .search .searchBox.searchShow {
  width: 300px;
}
.nav_bg .menu .search .searchBox.searchShow .submitBtn {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.nav_bg .menu .search .searchBox.searchShow .submitBtn:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@keyframes msClock2 {
  0%,
  70%,
  100% {
    transform: rotate(0) scale(1);
  }
  10%,
  30% {
    transform: rotate(-15deg) scale(1);
  }
  20%,
  40% {
    transform: rotate(15deg) scale(1);
  }
}

.main-tan{ position: absolute; left: 0px; width: 100%; top: 100%; padding: 35px 0;background: #fff; display: inline-block; z-index: 8;opacity: 0;transform: translateY(30px) ;border-top: 1px solid rgba(0, 0, 0, 0.1);;
transition: 0.4s;visibility: hidden;}
.main-tan[data=xz]{opacity: 1;transform: translateY(0px);visibility: visible;}

.lb .swiper-button-next:after,
.lb .swiper-button-prev:after {
	display: none;
}
.lb .swiper-button-next,
.lb .swiper-button-prev {
	width: 50px;
	height: 50px;
	margin: 0;
	top: inherit;
	bottom: 40%;
	-webkit-transition: all .5s;transition: all .5s;
}
.lb .swiper-button-next {
	right: 6%;
	background: url("../images/icon03.png") no-repeat center center;
	background-size: 100% 100%;
}
.lb .swiper-button-next:hover {
	margin-right: -10px;
}
.lb .swiper-button-prev {
	left: 6%;
	margin-right: 90px;
	background: url("../images/icon02.png") no-repeat center center;
	background-size: 100% 100%;
}
.lb .swiper-button-prev:hover {
	margin-right: 100px;
}
.lb  .swiper-slide img{ width: 100%;}
.lb  .swiper-pagination-bullet{ width: 12px; height: 12px; opacity: 0.5;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-pagination{ bottom: 20px;}
/* 首页集团开始 */

@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
.search{ border-bottom:1px solid #f3f3f3;}
.search .w1400{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.keyword
.keyword,.keyword a{ line-height:90px; font-size:16px; color:#484848;}
.keyword span{color:#09499f;}
.searight{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.seatel{ padding:0 40px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:14px; color:#484848; margin-right:30px;}
.seatel em{ display:block; font-size:22px; font-family:fontDin1;}
.seatel span{ display:inline-block; padding-left:48px; background:url(../images/20210724190441_734235895.png) no-repeat left center;}
.search_bg{ width:263px; height:50px; background:#eaeaea; padding:0 20px;display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
#infoname{ border:none; background:none; width:230px; height:50px;}
/*数字*/
#sz_bg{width:100%; background:url(../images/20210726094605_1785359350.jpg) center no-repeat; height:687px;}
#sz_c{width:100%; margin:0 auto; height:174px; margin-top: 30px;}
#sz_c_l{width:44%; float:left; padding-top:30px;}
#sz_c_l li{float:left; width:50%; text-align:center;}
#sz_c_c{width:160px; float:left; padding-top:30px;}

.sz_font_top{height:90px; font-size:60px; font-family:fontDin1; text-align: left;}
.sz_font_top b{ font-family: "ali"; }

.sz_font_top span{padding:2px 10px; margin-left:5px; background:#333; color:#fff; border-radius:30px; line-height:30px; text-align:center; font-size:14px; font-family:Microsoft YaHei;}
.sz_font_bottom{font-size:18px; text-align: left;}
.sz_c_l li{ padding-left: 18%;} 
.sz_font_bottom p{font-size:12px; text-transform:uppercase; font-weight:lighter; color:#000;}

.sz_logo{background:#eaeaea; width:160px; height:160px; border-radius:200px; padding-top:10px;}
.sz_logos{background:#fff; width:147px; height:147px; border-radius:200px; border:3px solid #dfdfdf; text-align:center; margin-left:10px;}
.sz_logos p{padding-top:50px;}

#sz_b{width:80%; margin:0 auto;}
#sz_b_l{width:63%; float:left;}
#sz_b_l .h6{font-size:40px; font-weight:bold;}
#sz_b_l .h2{font-size:22px; font-weight:bold; color:#d7000f; padding-top:5px;}
#sz_b_l .h3{height:5px; background:#bcbcbc; width:30px; margin-top:30px;}
#sz_b_l .h4{font-size:16px; color:#000; line-height:40px; padding-top:30px; width: 90%;}

#sz_b_r{width:508px; float:right; padding-top:16px;}
#sz_b_r img{ width: 384px !important;}


.index-group {
    padding-top: .8rem;
	background: url(../images/beijing3.jpg) no-repeat bottom #f5f6fa;
	padding-bottom: 0.7rem;
}
.index-title {
    font-size: .4rem;
    line-height: 1;
    margin-bottom: .45rem;
}
.index-title .tit {
    marign-bototm: .25rem;
    font-size: .48rem;
    line-height: 1;
    font-weight: bold;
}
.index-title .tit-en {
    margin-bottom: 0.15rem;
    font-size: .48rem;
    font-family: arial;
     font-weight: bold;
}
.index-group-wrap .video-wrp {
    width: 48%;
    height: 4.26rem;
   /* margin-right:58px; */
	float: right;
	margin-top: 20px;	
}
.index-group-wrap .video-wrp .img,
.index-group-wrap .video-wrp video {
    width: 100%;
    height: 100%;
}
.index-group-wrap .video-wrp video { background:#000}
.index-group-wrap .video-wrp .icon {
    width: 0.85rem;
    height: 0.85rem;
    position: absolute;
    left: 50%;
    margin-left: -0.51rem;
    top:2rem;
    z-index: 5;
    cursor: pointer;
}
.cis1-r .video-wrp{ width: 100%;}
.ripple, .ripple:before, .ripple:after {
    position: absolute;
    left: 50%;
    top: 52%;
    height: 65px;
    width: 65px;
    margin-top: -34px;
    margin-left: -33px;
    border-radius: 50%;
    -ms-box-shadow: 0 0 0 0 rgba(215,0,15,0.64);
    -o-box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
    box-shadow: 0 0 0 0 rgba(215,0,15, 0.64);
    animation: ripple 3s infinite;
}
@-webkit-keyframes ripple {
    70% {-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);}
    100%
    {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
                box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}
.index-group-wrap .video-wrp .icon  img{ width: 100%;}
.index-group-wrap .video-wrp .img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}
.index-group-wrap .video-wrp .close{ position:absolute; right:5%; top:5%;color:#fff;font-size:0.3rem} 
.index-group-wrap .con-wrp {
    padding-top: .19rem;
}
.index-group-wrap .con-wrp .tit {
    font-size: .40rem;
	font-weight: bold;
    line-height: 1;
    margin-bottom: .27rem;
}
.index-group-wrap .con-wrp .tit-en {
    font-size: .18rem;
    line-height: 1;
    margin-bottom: .5rem;
    padding-left: .23rem;
    position: relative;
}
.index-group-wrap .con-wrp .tit-en:after {
    content: '';
    display: block;
    width: .12rem;
    height: .12rem;
    background-color: #d7000f;
    position: absolute;
    left: 0;
    top: .03rem;
}
.index-group-wrap .con-wrp .desc {
    font-size: .2rem;
    line-height: .45rem;
    height: 3.5rem;
    overflow: hidden;
    margin-bottom: .25rem;
    text-indent:2em;
}
.index-group-wrap .num-item {
    width: auto;
    padding-right: 3.3%;
    line-height: 1;
}
.index-group-wrap .num-item .num {
    height: .6rem;
    color: #d7000f;
    padding-right: .45rem;
    display: inline-block;
}
.index-group-wrap .num-item .num .text1 {
    font-size: .6rem;
    font-family: "ali";
    float: left;
    margin-right: 0.1rem;
}
.index-group-wrap .num-item .num .text2 {
    font-size: .17rem;
    position: absolute;
    right: 0;
	color: #333;
    bottom: .08rem;
}
.index-group-wrap .num-item .num .text3 {
    font-size: .17rem;
    position: absolute;
    right: 0;
    top: 0;
}
.index-group-wrap .num-item .num-desc {
    font-size: .14rem;
    margin-top: .12rem;
}
/* .num{ height: 1.6rem; color: #333; width: 75%;margin: auto; }
.num dl dt{ width: 25%;float: left; font-size: 0.20rem; margin-top: 4%;color:#333;position: relative; text-align: center;}
.num dl dt b{ font-size: 0.56rem; font-weight:bold; color:#d7000f;display: inline-table;font-family: Arial, Helvetica, sans-serif;}
.num dl dt:nth-child(4){ border: none; margin-right: 0px;}
.num .num_title{ font-size: 0.18rem; font-weight: 500;color: #333;}
.num .num_jia{vertical-align: top; font-size: 0.2rem;color:#d7000f;margin-left: -10px;margin-top: -10px;}
.num dl dt::after{content:'';width: 1px;height: 0.9rem;background: #999;display: block;transform: rotate(15deg);position: absolute;top: 0px;right: 0px;}
.num dl dt:last-child::after{ display: none;} */
/* 首页集团结束 */
.box-4{ width: 96%; margin: auto; display: block; margin-top: 4%; 	background: url(../images/beijing4.jpg) no-repeat top; overflow: hidden;}
.box-4 ul{ width: 100%; display: inline-block;}
.box-4 ul li{ width: 12.01%; overflow: hidden; height: 683px;position: relative; float: left; border-right: 1px solid #fff;}
.box-4 ul li:last-child{ border-right: none;}
.box-4 ul li img{ width: 100%; height: 100%;  object-fit: cover}
.nucleus-cont{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2; top: 0px; left: 0px; padding: 30% 11% 0px; box-sizing: border-box;writing-mode: vertical-lr;}
.nucleus-cont h5{ font-size: 40px; color: #fff; font-weight: 500; }
.nucleus-cont span{ font-size: 18px; color: #fff; text-transform:uppercase;  }
.box-4 ul li.on .nucleus-cont{ display: none;}
.box-4 ul li.on { width: 27.86%;}
.nucleus-lsit{ width: 100%; height: 100%; position: absolute; z-index: 2;/* background: rgba(38,67,148,0.9); */ top: 0px; left: 0px; display: none; text-align: center;padding-top: 35%; box-sizing: border-box;/* background-image: linear-gradient(to right, #db1717, #b00e1b); */background-image: linear-gradient(to right, #db1717, #b00e1b);}
.box-4 ul li.on .nucleus-lsit{ display: block;}
.nucleus-lsit h4{ font-size: 40px; font-weight: 500; text-align: center; color: #fff;}
.nucleus-lsit span{ font-size: 18px;text-align: center; color: #fff;  width: 100%; text-transform:uppercase; margin: 15px 0px; display: block; }
.nucleus-lsit img{ width: 65px !important; height: 65px !important; display: block; margin: 30px auto; margin-top: 0.6rem;}
.nucleus-lsit dl{ padding: 0px 0.4rem; width: 100%; display: inline-block; margin-top: 5%; box-sizing: border-box;}
.nucleus-lsit dl dt{ width: 49%; margin-right: 1%; text-align: center; color: #fff; float: left; line-height: 0.35rem; border-radius: 0.2rem; background: rgba(255, 255,255,0.4); margin-bottom: 0.1rem;}
.nucleus-lsit dl a{ color: #fff; font-size: 0.16rem; width: 100%; height: 100%; display: block;}
/**/

.big-tan{position: fixed;height: 100%;left: 0;top: 70px;background: rgba(0,0,0,0.5);z-index: 14;
transform: translateX(100%);opacity: 0.4;
    transition:0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;

    transition-timing-function:ease-in;
    -moz-transition-timing-function: ease-in; /* Firefox 4 */
    -webkit-transition-timing-function: ease-in; /* Safari 和 Chrome */
    -o-transition-timing-function: ease-in; /* Opera */
    transition-delay:  0.01s;
    -moz-transition-delay:  0.01s; /* Firefox 4 */
    -webkit-transition-delay:  0.01s; /* Safari 和 Chrome */
    -o-transition-delay:  0.01s;
}
.big-tan-show{transform: translateX(0);opacity: 1;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);}




.big-tan1{position: fixed;width: 400px;height: 100%;right: 0;top: 70px;background: rgba(255,255,255,0.9);z-index: 102;
    transform: translateX(100%);opacity: 0.4;
    transition:0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;

    transition-delay:  0.3s;
    -moz-transition-delay:  0.3s; /* Firefox 4 */
    -webkit-transition-delay:  0.3s; /* Safari 和 Chrome */
    -o-transition-delay:  0.3s;
    transition-timing-function:ease;
    -moz-transition-timing-function: ease;/* Firefox 4 */
    -webkit-transition-timing-function: ease; /* Safari 和 Chrome */
    -o-transition-timing-function: ease; /* Opera */
}
.big-tan1-show{transform: translateX(0);opacity: 1;overflow-y: scroll;
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);}




.big-tan1-li span{display: block;width: 50%;padding: 15px 0;float: left;text-align: center;cursor: pointer;
    background:#fff;color: #333;
font-size: 18px;font-weight: bold}
.big-tan1-li span[data=xz]{background: #132c66;color: #fff}
.big-tan1-c{padding: 20px 30px;}
.big-tan1-show::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
.big-tan1-show::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #ddd;
    border-radius: 6px;
}
.big-tan1-show::-webkit-scrollbar-thumb{
    border-radius: 6px;
    background: #132c66;
}


.big-tan1-c-c{display: none}
.big-tan1-c-c[data=xz]{display: block}
.fenlei li{padding: 16px 0;border-bottom: 1px solid rgba(0,0,0,0.08);font-size: 15px;}
.m-form{width: 100%;margin-top: 18px;}
.m-form input{display: block;height: 38px;width: 294px;margin:0;padding: 0;outline: none;border: none;
    float: left;text-indent:13px;background: #fff;font-size: 14px;color: #333}
.m-form button{width: 40px;height: 38px;background:#ddd url("../images/s1.png") center no-repeat;float: left;
    outline: none;border: none;background-size: 18px;}
/**/

.fenlei{margin-top: 18px;}
.fenlei li .a{height: 25px;}
.fenlei li .a .a1-l{width: 210px;float: left;line-height: 25px;}
.fenlei li .a .a1-l a{display: block;font-size: 15px;color: #333;padding-left: 25px;box-sizing: border-box;
    background: url("../images/ji.png") left top 4px no-repeat;}
.fenlei li .a .a1-l a:hover{color: #132c66}
.fenlei li .a .a1-r{width: 30px;float: right;height: 25px;}
.fenlei li .a .a1-r[flag=ej]{background: url("../images/xl.png") center no-repeat;cursor: pointer;}
.fenlei li .a .a1-r[flag=ej]:hover{background: url("../images/xl1.png") center no-repeat;}
.fenlei li .a .a1-r[data=kai]{transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}



.fenlei li[data=xz] .a .a1-l a{color: #132c66;
    background: url("../images/ji1.png") left top 2px no-repeat;}

.fenlei-2{padding-left: 25px;padding-top: 8px;display: none;}
.fenlei-2 dt{padding: 7px 0}
.fenlei-2 dt a{font-size: 14px;color: #666;}
.fenlei-2 dt a span{color: #132c66}
.fenlei-2 dt a:hover{color: #132c66}
.fenlei-2 dt a[data=xz]{color: #132c66}
/**/
.big-tan1-c-c-1 .p-1{font-size: 18px;color: #333;margin-top: 20px;}
.big-tan1-c-c-1 .p-2{font-size: 14px;color: #666;margin-top: 20px;line-height: 1.6}
.big-tan1-c-c-1 .p-3{margin-top: 20px;}
.big-tan1-c-c-1 .p-3 a{display: inline-block;padding: 12px 40px;border-radius: 5px;
background: #fff;font-size: 16px;color: #132c66;border: 2px solid #132c66}
.big-tan1-c-c-1 .p-3 a:hover{background: #132c66;color: #fff}
.fu-lian-1{margin-top: 20px;}
.fu-lian-1 li{padding: 11px 0;font-size: 14px;color: #333;border-bottom: 1px solid rgba(0,0,0,0.08);}
.fu-lian-1 li a{font-size: 14px;color: #132c66;font-weight: bold;text-decoration: underline;}
/**/
.bai-line{position: absolute;height: 105px;left: 0;top: 0;background: #fff;z-index: -1;}
.bai-line-sj{width: 0;
    height: 0;
    border-top: 105px solid #fff;
    border-right: 50px solid transparent;float: right;position: relative;left: 50px;}
/*baner*/
.swiper-pagination-ba{bottom: 20px;}
.swiper-pagination-ba span{width: 15px;height: 15px;background: none;border-radius: 50%;border: 2px solid #fff;box-sizing: border-box;;}
.swiper-pagination-ba .swiper-pagination-bullet-active{width: 19px;height: 19px;outline: none;outline: none;
    background: url("../images/pad.png") center no-repeat;background-size: 7px;position: relative;top:2px
}

.tan-con{width: 80%;float: right}
.tan-con-l{width: 20%;float: left;clear: both}
.tan-con-l img{display: block;width: 100%;}
.tan-con-r{width: 75%;float: right;}
.tan-con-r .p1{font-size: 14px;color: #999;line-height: 1.7;margin-top: 1%}
.tan-con-r .a1{display: block;width: 132px;height: 40px;border: 1px solid #ddd;transform:skew(-18deg);margin-top: 20px;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);}
.tan-con-r .a1 .son{text-align: center;line-height: 40px;font-size: 14px;color: #666;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.tan-con-r .a1:hover{background: #ff963f;border-color: #ff963f;}
.tan-con-r .a1:hover .son{color: #fff;}
.tan-con-r .a2{display: block;width: 20%;float: left;text-align: center;margin-right: 5%;
border-bottom: 1px solid #eee;padding: 2% 0;font-size: 16px;color: #666666}
.tan-con-r .a2:nth-child(4n){margin-right: 0;}
.tan-con-r .a2:nth-child(-n+4){padding-top: 0}
.tan-con-r .a2:hover{color: #132c66;border-color: #132c66}
.tan-con-r .a2[data=xz]{color: #132c66;border-color: #132c66}

/**/

/*************************************************/
.ind-padding{padding: 3% 0; width: 100%; display: inline-block;}
.i-cases{background: url(../images/1785359350.jpg); background-attachment: fixed;}
.big-title{ width: 100%; display: inline-block;}
.big-title p{ text-align: left;}
.big-title .bt1{font-size: 48px;color: #353535;font-weight: bold;}
.big-title .bt1 i{ font-size: 20px;color: #666; margin-left: 15px; font-weight: 300; text-transform:uppercase;  }
.big-title .bt1 span{color: #132c66}
.big-title .bt2{font-size: 20px;color: #666;margin-top: 5px;}
.bt-left{ width: 70%;}
.big-title span{ float: right; width: 1.4rem; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #d7000f; border-radius: 10px; margin-top: 2%;}
.big-title span a{ color: #fff; font-size: 16px;}
.big-title span b{ width: 20px; margin-left: 10px;}

.com-big-title p{ text-align: center;}
.ind-left-title{ width: 24%;}
.ind-left-title ul li{ width: 100%; display: inline-block; height: 1.09rem; padding-top: 22px; position: relative;} 
.ind-left-title ul li span{ width: 40px; float: left; height: 100%; padding-top: 2%; float: left; margin-right: 5%;}
.ind-left-title ul li span img{ width: 100%; object-fit: contain;}
.ind-left-title ul li h5{ display: block;height: 38px;line-height: 38px;font-size: 20px; float: left;}
.ind-left-title ul li h5 p{font-family: Arial;font-size: 14px;margin-top: 2px;line-height: 20px;text-transform: uppercase;color: #c2c2c2;}
.ind-left-title ul li::after{ content:'>';font-family: simsun;color: #9e9e9e; position: absolute; right: 0; top: 40px;font-size: 24px; line-height: 24px; font-weight: bold;}
.ind-left-title ul li::before{ content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
	width: 0;
    background-image: linear-gradient(0deg, #b00e1b 0%, #db1717 100%);
	-webkit-transition: all 0.5s ease-out;
 transition: all 0.5s ease-out;
}
.ind-box-6{ width: 100%; display: inline-block; margin-top: 0.6rem;}
.ind-left-title ul li:hover::before{width: 100%;}
.ind-left-title ul li:hover::after{ color: #db1717;}
.ind-left-title ul li:hover h5{ color: #db1717; font-weight: 600;}
.ind-left-title ul li:hover h5 p{ color: #db1717; font-weight: 400;}
.ind-left-title ul li.on:after{ color:#db1717;}
.ind-left-title ul li.on h5{ color: #db1717;font-weight: 600;}
.ind-left-title ul li.on h5 p{ color: #db1717;font-weight: 400;}
.ind-left-title ul li.on:before{width: 100%;}
.ind-left-title ul li b{ position: absolute; width: 100%; height: 1px; background: #dfdfdf; display: block; left: 0px; bottom: 0px;}
.ind-box-cont{ width: 70%;}
.ind-box-cont .ind-box-fencont{ width: 100%;  display: inline-block;}
.ind-box-fencont .ind-box-cram{ width: 100%; height: 500px; position: relative;}
.ind-box-fencont .ind-box-cram .ind-box-thumb{ position: absolute; left: 3%; top: 0px; width: 45%; height: 90%; background: url("../images/picbei.jpg") top no-repeat; background-size: 100%;}
.ind-box-fencont .ind-box-cram .ind-box-thumb img{ width: 100%; height: 100%; object-fit: contain;}
.ind-box-text{ width: 45%; height: 100%; float: right; padding-top: 22%; margin-right: 4%; box-sizing: border-box;}
.ind-box-text h4{ font-size: 0.24rem; line-height: 0.6rem;}
.ind-box-text p{ font-size: 16px; line-height: 0.3rem;}
.ind-box-text .span{ width: 30%; height: 0.4rem; line-height: 0.4rem; background: #d8030f; border-radius: 0.3rem; text-align: center; margin-top: 2%;}
.ind-box-text .span a{ color: #fff; font-size: 0.16rem;}
.ind-box-text .span i{font-family: simsun; font-size: 0.18rem; margin-left: 10%;}
.ind-box-fencont .ind-box-cram::after{ content: ''; width: 100%; position: absolute; z-index: -1; height: 60%; background: #ecf1f3; bottom: 0px; left: 0px;}
.ind-boxz-list{ width: 100%; display: inline-block; margin-top: 20px; overflow: hidden; height: 252px;}
.ind-boxz-list .tempWrap{ width: 100% !important;}
.ind-boxz-list .tempWrap ul{ width: 100%;}
.ind-boxz-list ul li{ width: 343px; margin-right: 21px; float: left; display: block;  position: relative;}
.ind-boxz-list ul li a{ width: 100%; height: 240px; overflow: hidden; border: 1px solid #dfdfdf; display: block;padding: 5px;}
.ind-boxz-list ul li .boxz-lsit-yhumb{ width: 100%; height: 240px; overflow: hidden;}
.ind-boxz-list ul li .boxz-lsit-yhumb img { width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 2s;transition: all 2s;}
.ind-boxz-list ul li p{ position: absolute; text-align: center; width: 100%; height: 45px; line-height: 45px; color: #fff; background: rgba(0,0,0,0.5);  bottom: 0px; left: 0px;}
/* .ind-boxz-list ul li:nth-child(3){ margin-right: 0px;} */
.ind-boxz-list ul li:hover .boxz-lsit-yhumb img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.ind-boxz-list ul li:hover p{ background: rgba(215,0,15,0.7);}

/**/
.main-ind-com{background: url("../images/icbg.jpg") bottom center no-repeat;}
.ind-com{margin-top: 2%}
.ind-com .p-1{font-size: 16px;line-height: 1.8;color: #676767;text-align: center;}
.ind-com .p-1 a{color: #ff963f;font-weight: bold;}
.ind-com .p-1 a:hover{color: #132c66}
.com-four{margin-top: 4%;display: flex;justify-content: space-between;}
.com-four li{width: 20%;max-width: 250px;position: relative;
transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;

}
.com-four li img{display: block;width: 100%;}
.com-four li .con{position: absolute;left: 0;top: 0;width: 100%;z-index: 1;height: 100%;}
.com-four li .con .p-num{text-align:  center;margin-top: 30%}
.count-title{font-size: 64px;font-family: Impact;color: #393939;}
.com-four li .con .p-num .jia{font-size: 16px;color: #ff963f;}
.com-four li .con .p-2{font-weight: bold;color: #333;font-size: 18px;text-align: center;margin-top: 10px;}
.com-four li .con .p-3{text-align: center;margin-top: 15px;opacity: 0;visibility: hidden;}
.com-four li .con .p-3 a{display: inline-block;width: 100px;height: 30px;line-height: 30px;font-size: 14px;
   border-radius: 5px;
background: #ddd;}

/*hover*/
.com-four li:nth-child(2n) .p-num .count-title{color: #fff}
.com-four li:nth-child(2n) .con .p-num .jia{color: #fff;}
.com-four li:nth-child(2n) .con .p-2{color: #fff;}




.com-four li:hover{transform: translateY(-12px);
    -ms-transform:translateY(-12px);
    -moz-transform:translateY(-12px);
    -webkit-transform:translateY(-12px);
    -o-transform:translateY(-12px);

}
.com-four li:hover .con .p-num{transform: translateY(-15px);
    -ms-transform:translateY(-15px);
    -moz-transform:translateY(-15px);
    -webkit-transform:translateY(-15px);
    -o-transform:translateY(-15px);
    transition-delay: 0.01s;
    -moz-transition-delay: 0.01s;
    -webkit-transition-delay: 0.01s;
    -o-transition-delay: 0.01s;}
.com-four li:hover .con .p-2{transform: translateY(-25px);
    -ms-transform:translateY(-25px);
    -moz-transform:translateY(-25px);
    -webkit-transform:translateY(-25px);
    -o-transform:translateY(-25px);
transition-delay: 0.08s;
    -moz-transition-delay: 0.08s;
    -webkit-transition-delay: 0.08s;
    -o-transition-delay: 0.08s;}
.com-four li:hover .con .p-3{opacity: 1;visibility: visible;transform: translateY(-20px);
    -ms-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
    -o-transform:translateY(-20px);

transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
}

.com-four li:hover .con .p-3 a{background: #ff963f;color: #fff;}
.com-four li:nth-child(2n):hover .con .p-3 a{background: #fff;color: #132c66;}


/*产品*/
/* .i-pro{background: url("../images/pbg.jpg") center no-repeat;background-size: cover;background-attachment: fixed} */
.f-tree-2{margin-top: 3%;clear: both}
.f-tree-2 li{width: 49%;float: left;background: #fff; margin-bottom: 0.3rem;}
.f-tree-2 li:hover{box-shadow: 1px 4px 10px rgba(0,0,0,0.1)}
.f-tree-2 li:nth-child(2n){float: right}
.f-tree-2 li .son{padding: 20px 5% 20px 8%;}
.f-tree-2 li .son .ll{width: 60%;float: left;}
.f-tree-2 li .son .ll .p1{margin-top: 6%}
.f-tree-2 li .son .ll .p1 a{display: block;font-size: 22px;color: #333;font-weight: bold;}
.f-tree-2 li .son .ll .p1 a:hover{color: #132c66;}
.f-tree-2 li .son .ll dl{margin-top: 5%}
.f-tree-2 li .son .ll dl dt{padding: 5px 0}
.f-tree-2 li .son .ll dl dt a{display: block;font-size: 15px;color: #7d7d7d;}
.f-tree-2 li .son .ll dl dt a:hover{color: #132c66;font-weight: bold}


.f-tree-2 li .son .ll .p2 a{display: block;width: 123px;height: 38px;border: 1px solid #ff963f;transform:skew(-18deg);margin-top:7%;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
background: #ff963f}
.f-tree-2 li .son .ll .p2 a .s{text-align: center;width: 100%;line-height:38px;font-size: 14px;color: #fff;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.f-tree-2 li .son .ll .p2 a:hover{background: #fff;border-color: #ff963f;}
.f-tree-2 li .son .ll .p2 a:hover .s{color: #ff963f;}
.f-tree-2 li .son .lr{width: 36%;float: right;}
.f-tree-2 li .son .lr img{width: 100%;height: 100%;object-fit: contain;}

/*一排三个*/
.f-tree-3{margin-top: 3%;clear: both}
.f-tree-3 li{width: 32%;float: left;background: #fff;}
.f-tree-3 li:nth-child(n+2){margin-left: 2%}
.f-tree-3 li .son{padding: 20px 3% 20px 5%;}
.f-tree-3 li .son .ll{width: 50%;float: left;}
.f-tree-3 li .son .ll .p1{margin-top: 3%}
.f-tree-3 li .son .ll .p1 a{display: block;font-size: 20px;color: #333;font-weight: bold;}
.f-tree-3 li .son .ll .p1 a:hover{color: #132c66;}
.f-tree-3 li .son .ll dl{margin-top: 5%}
.f-tree-3 li .son .ll dl dt{padding: 5px 0}
.f-tree-3 li .son .ll dl dt a{display: block;font-size: 15px;color: #7d7d7d;}
.f-tree-3 li .son .ll dl dt a:hover{color: #132c66;font-weight: bold}
.f-tree-3 li .son .ll .p2{display: none}
.f-tree-3 li .son .ll .p2 a{display: block;width: 123px;height: 38px;border: 1px solid #ff963f;transform:skew(-18deg);margin-top:7%;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.f-tree-3 li .son .ll .p2 a .s{text-align: center;width: 100%;line-height:38px;font-size: 14px;color: #fff;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.f-tree-3 li .son .ll .p2 a:hover{background: #fff;border-color: #ff963f;}
.f-tree-3 li .son .ll .p2 a:hover .s{color: #ff963f;}
.f-tree-3 li .son .ll .p3{margin-top: 5%;}
.f-tree-3 li .son .ll .p3 a{color:#ff963f;font-size: 14px;}
.f-tree-3 li .son .ll .p3 a:hover{font-weight: bold}

.f-tree-3 li .son .lr{width: 47%;float: right;}
.f-tree-3 li .son .lr img{width: 100%;height: 100%;object-fit: contain;}
.f-tree-3 li:hover{box-shadow: 1px 4px 10px rgba(0,0,0,0.1)}

/*案例*/
.ica-ct{margin-top: 3%}
.ica-ct li{width: 10%;float: left;margin-right: 1.25%;}
.ica-ct li:nth-child(9){ margin-right: 0px;}
/* .ica-ct li:nth-child(5n){margin-right: 0;}
.ica-ct li:nth-child(n+6){margin-top: 1.5%;} */
.ica-ct li a{display: block;width: 100%;height: 70px;background: #fff;text-align: center;position: relative;}
.ica-ct li a .line{position: absolute;width: 99.85%;height: 3px;left: 0;bottom: 0;}
.ica-ct li a .line .s{width: 20%;height: 100%;background: #132c66;opacity: 0;}



.ica-ct li a span{display: inline-block;line-height: 70px;text-align: center;font-size: 17px;color: #181818;
    padding-left: 40px;position: relative;left: 0px;
background-size: auto;background-position: left center;background-repeat: no-repeat;}
.ica-ct li:nth-child(1) a span{background-image: url("../images/c2.png");}
.ica-ct li:nth-child(2) a span{background-image: url("../images/c7.png");}
.ica-ct li:nth-child(3) a span{background-image: url("../images/c6.png");}
.ica-ct li:nth-child(4) a span{background-image: url("../images/c4.png");}
.ica-ct li:nth-child(5) a span{background-image: url("../images/c3.png");}
.ica-ct li:nth-child(6) a span{background-image: url("../images/c5.png");}
.ica-ct li:nth-child(7) a span{background-image: url("../images/c1.png");}
.ica-ct li:nth-child(8) a span{background-image: url("../images/c8.png");}
.ica-ct li:nth-child(9) a span{background-image: url("../images/c9.png");}

/*.ica-ct li a:hover .line .s{transform: scaleX(5);opacity: 1;*/
    /*-ms-transform:scaleX(5);*/
    /*-moz-transform:scaleX(5);*/
    /*-webkit-transform:scaleX(5);*/
    /*-o-transform:scaleX(5);*/
/*}*/
.ica-ct li a:hover span{color: #132c66}

.ica-ct li[data=xz] a .line .s{transform: scaleX(5);opacity: 1;
    -ms-transform:scaleX(5);
    -moz-transform:scaleX(5);
    -webkit-transform:scaleX(5);
    -o-transform:scaleX(5);
}
.ica-ct li[data=xz] a span{color: #132c66}


.ica-ct li:nth-child(1):hover a span{background-image: url("../images/c22.png");}
.ica-ct li:nth-child(2):hover a span{background-image: url("../images/c77.png");}
.ica-ct li:nth-child(3):hover a span{background-image: url("../images/c66.png");}
.ica-ct li:nth-child(4):hover a span{background-image: url("../images/c44.png");}
.ica-ct li:nth-child(5):hover a span{background-image: url("../images/c33.png");}
.ica-ct li:nth-child(6):hover a span{background-image: url("../images/c55.png");}
.ica-ct li:nth-child(7):hover a span{background-image: url("../images/c11.png");}
.ica-ct li:nth-child(8):hover a span{background-image: url("../images/c88.png");}
.ica-ct li:nth-child(9):hover a span{background-image: url("../images/c99.png");}

.ica-ct li:nth-child(1)[data=xz] a span{background-image: url("../images/c22.png");}
.ica-ct li:nth-child(2)[data=xz] a span{background-image: url("../images/c77.png");}
.ica-ct li:nth-child(3)[data=xz] a span{background-image: url("../images/c66.png");}
.ica-ct li:nth-child(4)[data=xz] a span{background-image: url("../images/c44.png");}
.ica-ct li:nth-child(5)[data=xz] a span{background-image: url("../images/c33.png");}
.ica-ct li:nth-child(6)[data=xz] a span{background-image: url("../images/c55.png");}
.ica-ct li:nth-child(7)[data=xz] a span{background-image: url("../images/c11.png");}
.ica-ct li:nth-child(8)[data=xz] a span{background-image: url("../images/c88.png");}
.ica-ct li:nth-child(9)[data=xz] a span{background-image: url("../images/c99.png");}

/**/
.ica-cb{margin-top: 3%;}
.ica-cb 
.swiper-four{display: none}
.ica-cb .swiper-button-prev:after, .ica-cb .swiper-button-next:after{ display: none;}
.swiper-ic-lun{width: 40px;height: 80px;/* background-color: rgba(255,160,63,0.8); */
background-color: rgba(215,0,15,0.7);
    transition: 0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
background-repeat: no-repeat;background-position: center;background-size: auto;}
.swiper-ic-lun:hover{/* background-color:rgba(255,160,63,1) */background-color: rgba(215,0,15,0.7);}
.swiper-button-prev-ca-i{left: 0;background-image: url("../images/p.png");}
.swiper-button-next-ca-i{right: 0;background-image: url("../images/n.png");}
.swiper-four a{display: block;width: 100%;}
.swiper-four a .i{width: 100%;height: 30vw;max-height: 450px;position: relative;overflow: hidden}
.swiper-four a .t{position: absolute;left: 0;bottom: 0;width: 100%;}
.swiper-four a .t p{padding: 15px 10px;background: rgba(0,0,0,0.5);box-sizing: border-box;color: #fff;font-size: 16px;}

.swiper-four a:hover .i .t p{/* background: #132c66 */background-color: rgba(215,0,15,0.7);}
.swiper-four a:hover .i img{transform: scale(1.03);-ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
}

.i-cm{margin-top: 25px;display: none}
.i-cm-lun{padding-bottom: 40px;}
.i-cm-lun a{display: block;width: 100%;}
.i-cm-lun a .i{width: 100%;height: 160px;}
.i-cm-lun a .t{padding: 8px 5px;text-align: center;background: #eee;font-size: 14px;color: #333;}
.swiper-pagination-f-m span{width: 8px;height: 8px;background: none;border: 2px solid #ddd;}
.swiper-pagination-f-m .swiper-pagination-bullet-active{border-color: #132c66}
/**/
.ic-m a{display: block;width: 123px;height: 38px;border: 1px solid #ff963f;transform:skew(-18deg);margin-top:20px;
    margin-left: auto;margin-right: auto;
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.ic-m a .s{text-align: center;width: 100%;line-height:38px;font-size: 14px;color: #fff;transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.ic-m a:hover{background: #fff;border-color: #ff963f;}
.ic-m a:hover .s{color: #ff963f;}

/**/
.icpcm{margin-top: 3.5%;width: 100%;margin-left: auto;margin-right: auto;}
.icpcm-r-tel{ font-size: 24px; text-align: center; font-weight: bold;}
.icpcm-r-tel  a{ font-size: 24px; color: #d7000f;}
.icpcm li{display: none}
.icpcm-l{width: 145px;height: 50px;float: left;}
.icpcm-l a{display: block;width: 145px;height: 50px;/* border: 1px solid #ff963f; */box-sizing: border-box;
    margin-left: auto;margin-right: auto;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
  /* background: #132c66; */
	background-image: linear-gradient(to right, #db1717, #b00e1b);
	}
.icpcm-l a .s{text-align: center;width: 100%;line-height:50px;font-size: 16px;color: #fff;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
/* .icpcm-l a:hover{background: #fff;border-color: #ff963f;} */
.icpcm-l a:hover .s{color: #ff963f;}
.icpcm-r a{display: block;}
.icpcm-r{float: left;margin-left: 35px;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);}
.icpcm-r-l{width: 100px;height: 50px;float: left;background: #333;}
.icpcm-r-l p{font-size: 14px;color: #fff;}
.icpcm-r-r{width: 220px;height: 50px;box-sizing: border-box;float: left;border: 2px solid #333;}
.icpcm-r-r p{font-size: 24px;color: #333;font-weight: bold;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}

/*.icpcm-r a:hover .icpcm-r-r p{color: #fff}*/
/*.icpcm-r a:hover .icpcm-r-r{background: #132c66}*/

.ihe{background: #f3f3f3;}

.ihec{position: relative;margin-top: 3%}
.ihe-lun{padding-bottom: 0px;}
.ihe-lun a{display: block;width: 100%;}
/*.ihe-lun{height: 130px;}*/
.ihe-lun a .i{width: 100%;height: 130px;background: #fff;box-sizing: border-box;border: 2px solid #fff;
    transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;}
.ihe-lun a .i img{transform: scale(0.78);
    -ms-transform:scale(0.78);
    -moz-transform:scale(0.78);
    -webkit-transform:scale(0.78);
    -o-transform:scale(0.78);
}
.swiper-pagination-he{display: none}
.swiper-pagination-he span{width: 8px;height: 8px;background: none;border: 2px solid #ddd;}
.swiper-pagination-he .swiper-pagination-bullet-active{border-color: #132c66}
.ihe-lun a:hover .i{border-color: #132c66}
.ihe-lun a:hover .i img{transform: scale(0.9);}


.ihe-lun-p{width: 50px;height: 45px;background-color: #132c66;
    transform:skew(-12deg);
    -ms-transform:skew(-12deg);
    -moz-transform:skew(-12deg);
    -webkit-transform:skew(-12deg);
    -o-transform:skew(-12deg);background-image: none}
.ihe-lun-p .si{width: 100%;height: 100%;
    transform:skew(12deg);
    -ms-transform:skew(12deg);
    -moz-transform:skew(12deg);
    -webkit-transform:skew(12deg);
    -o-transform:skew(18deg);
background-repeat: no-repeat;background-size: auto!important;background-position: center;}
.swiper-button-prev-he .si{background-image: url("../images/p.png");}
.swiper-button-next-he .si{background-image: url("../images/n.png");}
.ihe-lun-p:hover{background: #132c66}
.swiper-button-prev-he{left: -80px}
.swiper-button-next-he{right: -80px}

.youshi {
  background: url(../images/ysbg.jpg) center 0 no-repeat;
}
.ysBox { position: relative;}
.youshi .ysTit {
  position: absolute;
  z-index: 2;
  left: 44%;
  top: 10%;
}
.youshi .ysTit .title {
  text-align: left;
  width: 52%;
}
.youshi .ysTit .title h3 span:before {
  display: none;
}
.youshi .ysTit .title p {
  line-height: 30px;
  margin-top: 26px;
}
.youshi .ysPic ul::after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.youshi .ysPic ul li {
  float: left;
  width: 38%;
  height: 448px;
  overflow: hidden;
}
.youshi .ysPic ul li img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.youshi .ysPic ul li:hover img {
  -webkit-transform: scale(1.06) rotate(0);
  -moz-transform: scale(1.06) rotate(0);
  -o-transform: scale(1.06) rotate(0);
  transform: scale(1.06) rotate(0);
}
.youshi .ysPic ul li.li2 {
  width: 40%;
  height: 262px;
  margin-right: -36%;
  margin-top: 186px;
  margin-left: 39.9%;
}
.youshi .ysPic ul li.li3 {
  width: 60.2%;
  height: 430px;
  margin-left: -22.2%;
}
.youshi .ysPic ul li.li4 {
  width: 39.9%;
  height: 430px;
}
.youshi .ysCont {
  height: 315px;
  position: relative;
  padding-top: 80px;
}
.youshi .ysCont .bd {
  height: 1.8rem;
  overflow: hidden;
}
.youshi .ysCont .bd ul li {
  height: 1.8rem;
  float: left;
  width: 4.45rem;
  padding-top: 10px;
  margin-left: 35%;
}
.youshi .ysCont .bd ul li:first-child {
  margin-left: 0;
  width: 465px;
}

.youshi .ysCont .bd ul li .item .tit,.ysTit .title h3{
  line-height: 1;
  font-weight: bold;
  font-size: 24px;
}

.ysTit .title h3 em,.youshi .ysCont .bd ul li .item .tit em {
  vertical-align: bottom;
  font-size: 72px;
  font-family: 'Times New Roman', Times, serif;
  line-height: 50px;
  font-weight: bold;
  margin-right: 16px;
  font-style: italic;
  color: transparent;
/* background: #132c66; */
  /* background: linear-gradient(0deg, #0054b4 0%, #12c371 100%); */
 background-image: linear-gradient(to right, #db1717, #b00e1b);
  -webkit-background-clip: text;
}
.youshi .ysCont .bd ul li .item .text,.ysTit .title p{
  font-size: 16px;
  line-height: 30px;
  margin-top: 24px;
}
.youshi .ysTel {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -136px;
  width: 272px;
  height: 315px;
/*  background-image: linear-gradient(0deg, #0054b4 0%, #12c371 100%); */
/* background: #132c66; */
background-image: linear-gradient(to right, #db1717, #b00e1b);
  padding-left: 36px;
  padding-top: 6%;
  box-sizing: border-box;
}
.youshi .ysTel .tel {
  color: #ffffff;
  position: relative;
  padding-left: 46px;
  height: 68px;
  line-height: 1;
}
.youshi .ysTel .tel:before {
  content: "";
  display: block;
  position: absolute;
  width: 33px;
  height: 34px;
  left: 0;
  top: 8px;
  animation: msClock2 1.5s linear infinite;
  background: url(../images/tel2.png) center center no-repeat;
}
.youshi .ysTel .tel .t1 {
  font-size: 14px;
}
.youshi .ysTel .tel .tit2 {
  font-family: Arial;
  font-size: 26px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 10px;
}
.youshi .ysTel .tel .tit2 i {
  font-weight: bold;
}
.youshi .ysTel .zxLink {
  display: block;
  width: 140px;
  height: 48px;
  background-color: #ffffff;
  line-height: 48px;
  font-size: 16px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-top: 10%;
}
.youshi .ysTel .zxLink:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  box-sizing: border-box;
}
.youshi .ysTip {
  position: absolute;
  width: 148px;
  height: 490px;
  top:43%;
  right: -8%;
  background: url(../images/ystip.png) 0 center no-repeat;
}
.about-box{ width: 100%; display: inline-block;   background: url(../images/pbg.jpg) top no-repeat;background-size: cover; background-attachment: fixed; padding: 90px 0px; padding-top: 60px;}
.title-left{ width: 70%; float: left; color: #333;}
.title-left h3{ color: #000; font-size: 52px; font-family: Arial, Helvetica, sans-serif; font-weight: 900;}
.title-left p{ font-size: 0.36rem; font-weight: 600;}
.title-moer{ width: 2rem; float: right; height: 56px;background-image: linear-gradient(to right, #db1717, #b00e1b);transition: all 0.6s; font-size: 16px; line-height: 56px; color: #fff; padding: 0px 30px; box-sizing: border-box; border-radius: 10px;position: relative; margin-top: 0.6rem;}
.title-moer a{ font-size: 16px; color: #fff;}
.title-moer:hover{ border-radius: 30px; }
.title-moer::after{ content: '';position: absolute;background: url(../images/xiaojain.png) no-repeat;width: 30px; height: 8px;top: 25px;right: 20px;}
.about-title{ width: 100%; display: inline-block;}
.about-cont{ /* background-color: rgba(0,0,0,0.2);border-color: rgba(255,255,255,0.2);border-style: solid; border-width: 1px; */ width: 100%;  margin-top: 30px; display: inline-block;}
.details-left{ width: 50%; /* padding: 0.58rem; */padding-right: 30px; box-sizing: border-box; color: #000; float: left; }
.details-left .tit{  font-size: 0.28rem; font-weight: 600; line-height: 0.7rem;}
.details-left .tit-en{ font-size: 0.18rem; font-weight: 400; line-height: 0.5rem;}
.details-left .desc{ font-size: 0.16rem; line-height: 0.42rem; margin-top: 20px; }
.details-left  span{ width: 100px;height: 2px; background:#d7000f; display: block; margin: 10px 0px;}
.abot-pro{ width: 100%; display: inline-block; margin-top: 0.5rem; /* padding: 0px 58px; */ padding-bottom: 18px;}
.abot-pro ul li{ width: 16%; float: left; border: 1px solid #dfdfdf; margin-right: 0.11rem; background: #fff;}
.abot-pro ul li img{  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);}
.abot-pro ul li:last-child{ margin-right: 0px;}
.abot-pro ul li img{ width: 100%;}
.abot-pro ul li:hover img{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);} 
  .advantage-box{ width: 100%; display: inline-block; padding-top: 0.6rem; padding-bottom: 0.5rem; }
  .advantage-cont{ margin-top: 0.4rem; width: 100%; display: inline-block; }
  .advantage-img{ width: 55%;}
  .advantage-img img{ width: 100%;}
  .advantage-title{ width: 42%; padding-top: 1rem;}
  .advantage-title ul li{ width: 100% !important; margin-bottom: 0.3rem; padding: 20px; overflow: hidden;}
  .advantage-title ul li .adv-titel{ width: 100%; display: inline-block; padding-bottom: 15px; position: relative;}
 .advantage-title ul li .adv-titel i{ width:60px; height: 60px; float: left; font-size: 0.42rem;  font-family: "ali"; line-height: 70px;}
.advantage-title ul li .adv-titel span{ width: 70%; float: left; font-size: 0.2rem; font-weight: bold; line-height: 0.3rem;}
.advantage-title ul li .adv-titel span p{ font-size: 0.16rem; font-weight: 400;text-transform:uppercase;}
.advantage-title ul li .adv-titel b{ width: 60px; height: 60px; border-radius: 50%; overflow: hidden; float: right;}
.advantage-title ul li .adv-titel b img{ width: 100%; height: 100%; object-fit: cover;}
.advantage-title ul li .adv-titel::after{ content: ''; width: 100%; height: 1px; background: #e7e7e7; display: block; position: absolute; bottom: 0px; left: 0px;}
.advantage-title ul li .adv-titel-cont{ font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; margin-top: 0.2rem; display: none;} 
.advantage-title ul li.in .adv-titel-cont{ display: block;}
.advantage-title ul li.in{ background-image: linear-gradient(to right, #db1717, #b00e1b); border-radius: 10px; color: #fff;}
/*优势*/


/*新闻*/
.inewc{margin-top: 3.3%}
.inewcl{width: 49%;float: left;}
.inewcl li{width: 100%;}
.inewcl li:nth-child(n+2){margin-top: 3%;}
.inewcl li a{display: block;padding: 2.5% 4% 3.5% 4%;box-sizing: border-box;background: #f7f7f7;}
.inewcl li a .l{width: 16%;float: left;}
.inewcl li a .l .p1{font-size: 48px;color: #132c66;text-align: center}
.inewcl li a .l .p2{font-size: 16px;color: #132c66;text-align: center}

.inewcl li a .r{width: 80%;float: right;}
.inewcl li a .r .p1{font-size: 18px;color: #333;font-weight: bold;margin-top: 2%;}
.inewcl li a .r .p2{font-size: 14px;color: #818181;line-height: 1.6;margin-top: 3%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}


.inewcl li a:hover{background: #132c66}

.inewcl li a:hover .l .p1{color: #fff}
.inewcl li a:hover .l .p2{color: #fff}
.inewcl li a:hover .r .p1{color: #fff}
.inewcl li a:hover .r .p2{color: #fff}
.inewcr{width: 49%;float: right;}
.inewcr li{width: 48.2%;float: left;}
.inewcr li:nth-child(2){float: right;}
.inewcr li a{display: block;width: 100%;}
.inewcr li a .i{width: 100%;height: 20vw;max-height: 230px;}

.inewcr li a .t{padding: 9% 5% 10% 5%;background: #f7f7f7;box-sizing: border-box;}

.inewcr li a .t .p1{font-weight: bold;font-size: 18px;color: #353535;}
.inewcr li a .t .p2{font-size: 14px;color: #c5c5c5;padding: 5% 0 6% 0;}
.inewcr li a .t .p3{font-size: 14px;color: #818181;line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}

.inewcr li a:hover .t .p1{color: #132c66}
.inewcr li a:hover .i img{transform: scale(1.03);
    -ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);}

.news {
  padding: 100px 0 80px;
  background: #f6f6f6;
}
.news .moreLink {
  position: absolute;
  right: 0;
  top: 58px;
  z-index: 2;
}
.news .newsBox {
  z-index: 1;
}
.news .newsTab {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 238px;
  height: 436px;
  background: url(../images/newsnavbg.jpg) center 0 no-repeat;
  padding: 68px 22px 0;
  border-radius: 0px 0px 119px 119px;
}
.news .newsTab ul li {
  display: block;
  margin-top: 40px;
}
.news .newsTab ul li:first-child {
  margin-top: 0;
}
.news .newsTab ul li a {
  display: block;
  position: relative;
  font-size: 20px;
  cursor: pointer;
  height: 66px;
  background-color: #ffffff;
  border-radius: 33px;
  line-height: 66px;
  padding-left: 30px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsTab ul li a i {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
.news .newsTab ul li a i:before,
.news .newsTab ul li a i:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.news .newsTab ul li a i.ico1:before,
.news .newsTab ul li a i.ico1:after {
  background: url(../images/newsico1.png) center center no-repeat;
}
.news .newsTab ul li a i.ico2:before,
.news .newsTab ul li a i.ico2:after {
  background: url(../images/newsico2.png) center center no-repeat;
}
.news .newsTab ul li a i.ico3:before,
.news .newsTab ul li a i.ico3:after {
  background: url(../images/newsico3.png) center center no-repeat;
}
.news .newsTab ul li:hover a,
.news .newsTab ul li.on a {
  font-weight: bold;
}
.news .newsTab ul li:hover a i:before,
.news .newsTab ul li.on a i:before,
.news .newsTab ul li:hover a i:after,
.news .newsTab ul li.on a i:after {
  top: -100%;
}
.news .newsTabs {
  margin-top: 55px;
  position: relative;
}
.news .newsTabs .bd {
  overflow: hidden;
}
.news .newsList .list1 {
  margin-left: 286px;
}
/* .news .newsList .list1 ul {
  margin-right: -38px;
} */
.news .newsList .list1 ul::after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.news .newsList .list1 ul li {
  float: left;
  width: 31.6%;
  height: 436px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-right: 28px;
  background: #fff;
}
.news .newsList .list1 ul li:nth-child(3){ margin-right: 0px;}
.news .newsList .list1 ul li .pic {
  width: 100%;
  height: 222px;
  display: block;
  position: relative;
  overflow: hidden;
}
.news .newsList .list1 ul li .pic img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  object-fit: cover;
}
.news .newsList .list1 ul li .cont {
  height: 214px;

  position: relative;
  padding: 0px 10px;
    padding-top: 30px;
  box-sizing: border-box;
}
.news .newsList .list1 ul li .cont .bt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.18rem;
  height: 36px;
  line-height: 36px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsList .list1 ul li .cont .bt:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.news .newsList .list1 ul li .cont p {
  display: block;
  overflow: hidden;
/*  text-overflow: ellipsis;
  white-space: nowrap; */
  font-size: 15px;
  color: #888888;
  height: 50px;
  line-height: 25px;
  margin-top: 8px;
}
.news .newsList .list1 ul li .cont .date {
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
  margin-top: 24px;
  line-height: 22px;
  color: #cdcdcd;
}
.news .newsList .list1 ul li .cont .date:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 22px;
  vertical-align: top;
  background: url(../images/date.png) 0 center no-repeat;
  margin-right: 24px;
}
.news .newsList .list1 ul li .cont .more {
  position: absolute;
  width: 18px;
  height: 13px;
  right: 0;
  top: 170px;
  right: 10px;
  background: url(../images/newsar.png) 0 center no-repeat;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsList .list1 ul li .cont .more:hover {
  background-image: url(../images/newsarh.png);
}
.news .newsList .list1 ul li:hover .pic img {
  -webkit-transform: scale(1.1) rotate(0);
  -moz-transform: scale(1.1) rotate(0);
  -o-transform: scale(1.1) rotate(0);
  transform: scale(1.1) rotate(0);
}
.news .newsList .list1 ul li:hover .cont .bt {
  color: #d7000f;
}
.news .newsList .list1 ul li:hover .cont .more {
  animation: zyfd 1.5s linear infinite;
}
.news .newsList .list2 {
  margin-top: 10px;
}
.news .newsList .list2 ul {
  margin-right: -40px;
}
.news .newsList .list2 ul::after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.news .newsList .list2 ul li {
  float: left;
  margin-top: 34px;
  margin-right: 40px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 30.6%;
  height: 96px;
  border: solid 1px #dcdcdc;
  padding: 22px 25px 0;
  background: #fff;
}
.news .newsList .list2 ul li .date {
  height: 16px;
  font-family: Arial;
  color: #666666;
  background: url(../images/date2.png) 0 center no-repeat;
  text-align: right;
  font-size: 14px;
  color: #999999;
}
.news .newsList .list2 ul li .bt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  margin-top: 12px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsList .list2 ul li .bt:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.news .newsList .list2 ul li .bt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 20px;
  width: 26px;
  height: 1px;
  background-color: #092b59;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsList .list2 ul li:hover {
  border-color: #d7000f;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.news .newsList .list2 ul li:hover .bt {
  color: #d7000f;
}
.news .newsList .list2 ul li:hover .bt:before {
  background-color: #d7000f;
}
.news .newsList .list3 {
  height: 150px;
  border: solid 1px #dddddd;
  margin-top: 22px;
  padding: 0 19px;
}
.news .newsList .list3 ul::after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.news .newsList .list3 ul li {
  float: left;
  width: 420px;
  height: 148px;
  padding-top: 26px;
  text-align: center;
  position: relative;
}
.news .newsList .list3 ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 73px;
  width: 1px;
  height: 20px;
  background-color: #dddddd;
}
.news .newsList .list3 ul li:first-child:before {
  display: none;
}
.news .newsList .list3 ul li .bt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  height: 56px;
  line-height: 56px;
  padding: 0 20px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsList .list3 ul li .bt:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.news .newsList .list3 ul li .line {
  height: 1px;
  background-color: #dddddd;
  position: relative;
}
.news .newsList .list3 ul li .line:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  width: 50px;
  margin-left: -25px;
  height: 2px;
  background-color: #147fe3;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.news .newsList .list3 ul li .date {
  line-height: 12px;
  color: #999999;
  margin-top: 20px;
}
.news .newsList .list3 ul li:hover .bt {
  color: #12c371;
}
.news .newsList .list3 ul li:hover .line:before {
  width: 80px;
  margin-left: -40px;
}
/**/
.inewm{margin-top: 4%;display: none}
.inewm li{padding: 2.5% 0;border-bottom: 1px solid #eee;}
.inewm li:nth-child(1){padding-top: 0}
.inewm li a{display: block;width: 100%;}
.inewm li a .i{width: 27%;height: 15vw;float: left;min-height: 130px}

.inewm li a .r{width: 70%;float: right;}
.inewm li a .r .p1{font-size: 18px;color: #333;font-weight: bold;margin-top: 1%;}
.inewm li a .r .p2{font-size: 14px;color: #666;line-height: 1.6;margin-top: 2%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.inewm li a .r .p3{font-size: 14px;color: #999;line-height: 1.6;margin-top: 2%;}
.inewm li a:hover .r .p1{color: #132c66}



/**/
.isb-ban{padding: 3% 0;background: url("../images/sbbg.jpg") center no-repeat;background-size: cover;}

.isbl{float: left;font-size: 28px;color: #ffffff;font-weight: lighter;line-height: 50px;}
.isbl span{font-weight: bold;}
.isbr{float: right;}

.isbr a{display: block;width: 150px;height: 50px;border: 1px solid #ff963f;box-sizing: border-box;
    float: right;
    transform:skew(-18deg);
    -ms-transform:skew(-18deg);
    -moz-transform:skew(-18deg);
    -webkit-transform:skew(-18deg);
    -o-transform:skew(-18deg);
    background: #ff963f}
.isbr a .s1{text-align: center;width: 100%;line-height:48px;font-size: 16px;color: #fff;
    transform:skew(18deg);
    -ms-transform:skew(18deg);
    -moz-transform:skew(18deg);
    -webkit-transform:skew(18deg);
    -o-transform:skew(18deg);}
.isbr a:hover{background: #fff;border-color: #ff963f;}
.isbr a:hover .s1{color: #ff963f;}
/* 产品雷彪； */
@font-face {
    font-family: "zimu";
    src: url('../fonts/ELEPHNT.TTF')
}
.product-title{ width: 100%; display: inline-block;}
.product-title h5{ font-size: 0.78rem; font-family: zimu; color: #d7000f; float: left; margin-right: 15px;}
.product-title span{ font-size: 30px; margin-top: 1%; display: block; width: 30%; float: left;}
.product-title span i{ font-size: 22px;text-transform:uppercase; font-style: initial;}
.product-title span b{ color: #d7000f;}
.product-moer{ float: right; font-size: 0.18rem; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #d7000f; border-radius: 10px; margin-top: 2%;}
.product-moer a{ color: #fff;}
.product-moer:hover{ border-radius: 30px; transition: all 1s;}
.product-neirong ul li{ width: 24%; margin-right: 1.3%; float: left; border: 1px solid #dedede; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);}
.product-neirong ul li:nth-child(4){ margin-right: 0px;}
.product-neirong ul li .contbox-thumb{ width: 100%; overflow: hidden; height: 3.7rem; padding: 10px;}
.product-neirong ul li .contbox-thumb img{ width: 100%; height: 100%; -webkit-transition: all 2s;transition: all 2s;object-fit: contain;}
.contbox-img p{line-height: 50px; text-align: center; height: 50px; font-size:0.16rem; position: relative; font-weight: bold;}
.contbox-img p::after{ content: ''; position: absolute; width: 90%; height: 1px; background: #dedede; top: 0px; left: 5%;}
.product-neirong ul li:hover .contbox-thumb img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.product-neirong ul li:hover { border: 1px solid #d7000f;}
.product-neirong ul li:hover p{ font-size: 0.18rem; transition: all 2s;}
.product-list{ margin-bottom: 40px; width: 100%; }
.product-neirong{ width: 100%; display: inline-block;}
/*底部*/

.link-li{position: absolute;width:100%;height: 200px;bottom: 42px;right: 0;background: #fff;z-index: 1;
overflow-y: scroll;display: none;}
.link-li a:hover{color: #132c66;}
.footer {
  background: url(../images/aboutbei.jpg) center 0 no-repeat;
  font-size: 14px;
  position: relative;
  color: #abb8ca;
  
}
.footer a {
  color: #abb8ca;
}
.footer a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer .footNav {
  padding-top: 56px;
  height: 323px;
}
.footer .footNav dl {
  float: left;
  padding-top: 6px;
  width: 19%;
  padding-left: 68px;
  position: relative;
}
.footer .footNav dl dt {
  line-height: 50px;
  font-size: 18px;
  height: 50px;
  color: #ffffff;
}
.footer .footNav dl dt i {
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 50px;
  height: 50px;
  border: solid 2px rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  line-height: 46px;
  text-align: center;
  font-size: 32px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
}
.footer .footNav dl dd {
  height: 136px;
  margin-top: 16px;
}
.footer .footNav dl dd a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}
.footer .footNav dl dd a:hover {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.footer .footNav dl dd a:hover {
  color: #fff;
}
.footer .footNav .ewmBox {
  float: right;
}
.footer .footNav .ewmBox .ewm::after {
  content: "";
  display: block;
  clear: both;
  font-size: 0;
  line-height: 0;
}
.footer .footNav .ewmBox .ewm div {
  float: left;
  width: 144px;
  margin-left: 52px;
  text-align: center;
}
.footer .footNav .ewmBox .ewm div:first-child {
  margin-left: 0;
}
.footer .footNav .ewmBox .ewm div img {
  display: block;
  background: url(../images/ewmbg.png) center center no-repeat;
  padding: 6px;
  width: 140px;
  height: 140px;
}
.footer .footNav .ewmBox .ewm div span {
  display: block;
  font-size: 14px;
  line-height: 1;
  margin-top: 16px;
  color: #fff;
}
.footer .footNav .ewmBox .img {
  text-align: right;
  line-height: 28px;
  margin-top: 27px;
}
.footer .footNav .ewmBox .img img {
  max-height: 18px;
  width: auto !important;
  vertical-align: middle;
  margin-left: 5px;
}
.footer .lxList {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  height: 120px;
}
.footer .lxList ul {
  width: 1000px;
  float: left;
  display: flex;
  justify-content: space-between;
  padding-top: 26px;
}
.footer .lxList ul li {
  color: #ffffff;
}
.footer .lxList ul li:nth-child(2),.footer .lxList ul li:nth-child(3){ padding-left: 25%;}
.footer .lxList ul li h4 {
  line-height: 32px;
  color: #fff;
  font-size: 16px;
  
}
.footer .lxList ul li p {
  font-size: 16px;
}
.footer .lxList ul li.li1 {
  background: url(../images/lxico1.png) 0 center no-repeat;
  font-size: 14px;
}
.footer .lxList ul li.li1 span {
  font-size: 20px;
  font-family: Arial;
  font-weight: bold;
}
.footer .lxList ul li.li2 {
  background: url(../images/lxico2.png) 0 center no-repeat;
}
.footer .lxList ul li.li3 {
  background: url(../images/lxico3.png) 0 center no-repeat;
}
.footer .lxList .lyBtn {
  float: right;
  width: 170px;
  height: 52px;
  line-height: 52px;
  background-image: linear-gradient(0deg, #0054b4 0%, #12c371 100%);
  color: #fff;
  font-size: 18px;
  margin-top: 50px;
  text-align: center;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.footer .lxList .lyBtn:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  box-sizing: border-box;
}
.footer .lxList .lyBtn:hover {
  background: none;
}
.footer .lxList .lyBtn:hover:before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.footer .lxList .lyBtn:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0 10px 10px -5px rgba(255, 255, 255, 0.5);
}
.footer .copyright {
  background-color: #010711;
  line-height: 34px;
  padding: 5px 0;
  position: relative;
  z-index: 2;
  font-size: 14px;
  text-align: center;
  color: #abb8ca;
}
.footer .copyright a {
  color: #abb8ca;
}
.footer .copyright a:hover {
  color: #fff;
}
.footer .copyright img {
  max-height: 18px;
  width: auto !important;
  vertical-align: middle;
  margin-left: 5px;
}


.link-li::-webkit-scrollbar{
    width:4px;
    height:4px ;
}
.link-li::-webkit-scrollbar-track{
    box-shadow: inset 0 0 4px transparent;
    background: #ddd;
    border-radius: 4px;
}
.link-li::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background: #132c66;
}

.fooot-link:hover .link-li{display: block;}



.link-li ul{padding: 10px;}
.link-li ul li{padding: 8px 0;border-bottom: 1px solid #eee;}
.link-li ul li a{display: block;font-size: 14px;color: #333;}
.box5{ width: 100%;display: inline-block;margin-top: 50px;}
.box5 i{ width: 13%;display: block;float: left;}
.box5 i img{  width: 100%;}
.box5  span{ width: 85%;float: right;}
.box5  span a{ font-size: 16px;margin: 0px 6px;line-height: 30px;}
/*内页头部*/
.header-n{position: relative;overflow: hidden;}
.sn-banner .container{position: relative;height: 100%;}
.sn-banner{height: 30vw;background-color: #fff;max-height: 500px;
background-size: cover;background-repeat: no-repeat;background-position: center;
background-image: url("../images/sb-com.jpg")!important;}
.sb-c{position: absolute;left: 0%;bottom: 20%;width: 100%;}
.sb-c .pn1{font-size: 36px;color: #fff;font-weight: bold;}
.n-bread{margin-top: 1.5%}
.n-bread p{display: inline-block;padding: 5px 15px;background: rgba(0,0,0,0.3);
font-size: 14px;color: #fff;}
.n-bread p a{font-size: 14px;color: #fff;}
.n-bread p:hover{background: rgba(0,0,0,0.6)}
.n-bread p a:hover{color: #ff963f}

/*关于我们*/
.c-i-s1{margin-top: 3.5%}
.cis1-l{width: 52%;float: left;}
.cis1-l .p1{font-weight: bold;font-size: 32px;color: #353535;}
.cis1-l .p1 span{color: #132c66;}
.cis1-l .p2{margin-top: 2%;font-size: 16px;color: #333;}
.com-info{margin-top: 7%;}
.com-info p{font-size: 16px;color: #000;line-height:0.42rem}
.com-info-1{margin-top: 7%;}
.com-info-1-l{width: 30%;float: left;}
.com-info-1-l img{display: block;width: 100%;}
.com-info-1-r{width: 67%;float: right;}
.com-info-1-r .p-1{font-size: 18px;font-weight: bold;color: #132c66;margin-top: 1.5%;}
.com-info-1-r .p-2{font-size: 16px;color: #999999;margin-top: 3%;line-height: 1.6}
.cis1-r{width: 43%;float: right;height: auto;}
.cis1-r img{display: block;width: 100%;height: 100%;object-fit: cover}

/**/
.c-i-s2{background: url("../images/nb.jpg") center no-repeat;background-size: cover;margin-top: 5%;}
.c-i-s2-c{padding: 4.5% 8%;box-sizing: border-box;}
.c-i-s2-c:hover{background-image: linear-gradient(to right, #b00e1b, #db1717);}


.c-i-s2-c { display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;}
.c-i-s2-c li:last-child{background: none;padding-right: 0}
.c-i-s2-c li .count-title1{font-family: impact;font-size: 60px;color: #fff;}

.c-i-s2-c li .p-num1{text-align: center;}


.c-i-s2-c .jia{font-size: 16px;color: #fff;}
.c-i-s2-c .p2{font-size: 16px;color: #fff;text-align: center;margin-top: 3%;}
.c-i-s2-c li.line{width: 2px;height: 100px;background: url("../images/nl.png") left center no-repeat;}
.c-i-s2-c:hover li.line{ background: url("../images/nl-1.png") left center no-repeat;}
/**/
.ish-lun a .i{height: 20vw;max-height: 330px;}
.ish-lun a .t{padding: 3% 10px;background: #fff;text-align: center;font-size: 16px;color: #666}
.c-i-s3{padding: 4% 0;background: #f4f4f5}
.ihec-sh{position: relative;}

.ish-lun a:hover .t{color: #132c66}
.ihec-sh{margin-top: 3.5%}



/* .main-bg{background: #f5f5f5;} */
.pro-main-bg{background: #f5f5f5;}

/**/
.pro-fl{display: flex; flex-direction: row; justify-content: center;}
.pro-fl a{ height: 50px; line-height: 50px; text-align: center; border: 1px solid #f2f2f2; display:block; width: 1.5rem; margin: 0px 5px; border-radius: 0.25rem; font-size: 0.18rem; background: #f2f2f2;}
.pro-fl a:hover{background: #d7000f;color: #fff;border:none;}
.pro-fl a.on{ background: #d7000f; border:none;color: #fff;}


.np-list-c{margin-top: 3%;}
.np-list li{width: 24%;float: left;margin-right: 1.3%;background: #fff; box-shadow: 0px 0px 5px #d1d1d1; border: 1px solid #d1d1d1;}
.np-list li:nth-child(4n){margin-right: 0;}
.np-list li:nth-child(n+5){margin-top: 2%;}
.np-list li a{display: block;width: 100%;}
.np-list li a .i{width: 100%;height:3.7rem;background: #fff;min-height: 300px;/* padding:16% 0 5% 0; */position: relative;}
.np-list li a .i img{width: 100%;height: 100%;object-fit: contain;
    transition: 0.4s;
    -moz-transition:0.4s;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
transform: scale(0.94);
    -ms-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -webkit-transform: scale(0.94);
    -o-transform: scale(0.94);}
.np-list li a .i .t{position: absolute;top:3%;left: 0;width: 100%;}
.np-list li a .i .t p{padding: 3% 10%;font-size: 16px;color: #333;font-weight: bold;}
.np-list li a .t1{padding: 5% 10%;font-size: 16px;color: #333;text-align: center; font-weight: bold; position: relative;}
.np-list li a .t1::after{ content: ''; width: 90%; height: 1px; background: #d1d1d1; top: 0px; left: 5%; position: absolute;} 

.np-list li a:hover .i img{
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);}
.np-list li a:hover .i .t p{color: #132c66}
.np-list li:hover{box-shadow: 0px 3px 10px rgba(0,0,0,0.2);}

/**/
.m-tree-all{height: 45px;background: #132c66;line-height: 45px;text-align: center;display: none}
.m-tree-all span{display: inline-block;font-size: 16px;color: #fff;}

/**/
.fu-type-box{position: fixed;width: 100%;height: 60%;overflow-y: scroll;overflow-x: hidden;background: #fff;display: none;
    border-top: 1px solid #ddd;opacity: 0;visibility: hidden;transform: translateY(100%);
    -ms-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -webkit-transform:translateY(100%);
    -o-transform:translateY(100%);
z-index: 101;left: 0;bottom: 0;
transition: 0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
}
.fu-type-box-show{opacity: 1;visibility: visible;transform: translateY(0);
translateY(0%);
    -ms-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -webkit-transform:translateY(0%);
    -o-transform:translateY(0%);
}
.fu-type-box-c::-webkit-scrollbar{
    width:6px;
    height:6px ;
}
.fu-type-box-c::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #ddd;
    border-radius: 5px;
}
.fu-type-box-c::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: #132c66;
}
.fu-type-c{padding: 30px 0;height: 100%;box-sizing: border-box;background: #ddd;}
.fu-type-box-c{position: relative;width: 100%;height: 100%;background: #fff}

.fu-type-box-close{position: fixed;width: 100%;height: 30px;background: #eee url("../images/mxl.png") center no-repeat;}
.fu-type{padding-top: 40px;}
.fu-type li{width: 100%;float: left;padding: 12px 0;text-align: center;
border-bottom: 1px solid #eee;}
.fu-type li:nth-child(2n){float: right;}
.fu-type li a{display: block;font-size: 14px;color: #333;font-weight: bold;}
.fu-type li[data=xz] a{color: #132c66;}
.no-goods{text-align: center;margin-top: 3%}


/*新闻中心*/
.nep-list-c{margin-top: 1%;}
.newslist li{padding: 2% 0;border-bottom: 1px solid #eee;}
.newslist li:nth-child(1){padding-top: 0;}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 22%;height: 15vw;float: left;margin-right: 3%;max-height: 170px}
.newslist li a .t{width: 72%;float: left;padding-right: 10%;
    background: url("../images/njt2.png") right 1% center no-repeat;}
.newslist li a .t .p1{color: #333;margin-top: 2.5%;font-size: 20px;font-weight: bold;
    padding-right: 50px;
}
.newslist li a .t .p1::before{content: '';
    display: block;
    width: 35px;
    height: 1px;
    background: url("../images/nl.jpg") center repeat-x;
    transition: 0.5s;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;}
.newslist li a .t .p2{line-height: 1.6;color: #999;margin-top: 2%;font-size: 16px;font-weight: lighter;}
.newslist li a .t .p3{color: #999;margin-top: 2%;font-size: 14px;font-weight: lighter;;display: none}
.newslist li:nth-child(1){padding-top: 0px}

.newslist li a .p4{margin-top: 0.5%}
.newslist li a .p4 span{display: inline-block}
.newslist li a .p4 span:nth-child(1){color: #aaa;font-size: 32px;font-family: impact}
.newslist li a .p4 span:nth-child(2){color: #bbb;font-size: 20px;margin-left: 3%;font-family: bbb;}
.newslist li a:hover .t .p1{color:#d7000f;padding-left: 43px;
    transform: translateX(5px);
    -ms-transform:translateX(5px);
    -moz-transform:translateX(5px);
    -webkit-transform:translateX(5px);
    -o-transform:translateX(5px);}
.newslist li a:hover .t .p1::before{opacity: 1}
.newslist li a:hover .t{background: url("../images/njt1.png") right 1% center no-repeat;}
/**/

.main-left{width: 70%;padding: 25px;box-sizing: border-box;float: left;background: #fff}
.main-right{width: 27%;padding: 20px;box-sizing: border-box;float: right;background: #fff;}

/**/
.news-info h1{font-size: 24px;color: #333;text-align: left; font-weight: bold;}

.info-click span{display: inline-block;font-size: 15px;font-weight: lighter;
padding: 2% 0;margin-right: 10px;}
.info-click{;border-bottom: 2px solid #eee}


.xq p{line-height: 1.6;margin: 7px 0;}
.xq img{display: block;margin: 10px auto;max-width: 90%;}
.xq table{width: 100%!important;margin: 12px 0}
.xq table td{border: 1px solid #ddd;padding: 10px 11px}
.xq table th{border: 1px solid #ddd;padding: 15px 0px;background: #eee}

.newsPage{padding: 30px 0}
.newsPage .page-a{padding: 10px 0 10px 26px;font-size: 14px;border-bottom: 1px dashed #eee;color: #666}
.newsPage .page-a a{color: #666}
.newsPage .page-a:nth-child(1){background: url("../images/page_prev.png") left center no-repeat;background-size: 17px}
.newsPage .page-a:nth-child(2){background: url("../images/page_next.png") left center no-repeat;background-size: 17px}
.newsPage .page-a:hover{text-decoration: underline;color:#132c66}
.newsPage .page-a:hover a{color:#132c66}

.ce-other-title{height: 60px;box-sizing: border-box;border-bottom: 1px solid #ddd;font-size: 20px;line-height: 60px;color: #fff; background: #333; padding-left: 7%;}
.ce-other-title span{display: inline-block;height: 60px;font-weight: bold;padding-right: 6px;
    position: relative;padding-left: 32px;}
.ce-other-title span::before{content: "";
    width: 22px;
    border-top: 1px solid #fff;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 35px;}
.ce-other-title span::after{content: "";
    width: 12px;
    border-top: 1px solid #fff;
    position: absolute;
    display: inline-block;
    margin-right: 10px;
    left: 0;
    top: 29px;}




.pr-fl{margin-top: 3%;}
.pr-fl .fenlei-list{ margin-bottom: 0.2rem;}
.pr-fl li{display:block; line-height:50px; font-size:14px; padding-left:55px; position:relative; background-image: linear-gradient(to right, #b00e1b, #db1717); }
.pr-fl li::after{ content:''; display:block; position:absolute; width:16px; height:16px; background:url(../images/20210727140016_2015206767.png) no-repeat center; top:0; bottom:0; margin:auto 0; left:19px; transition:all .3s ease;}
.pr-fl li a{display: block;font-size: 15px;color: #fff;}
/* .pr-fl li a:hover{color: #132c66} */
.pr-fl dt{display:block; line-height:30px; font-size:14px; padding-left:55px; position:relative; margin-top: 5px; background: #f0f0f0;}
.pr-fl dt::after{ content: ''; display: block; position: absolute; width: 2px; height: 70%; background: #d7000f; top: 0.05rem; left: 10%;}
.ce-other-title2{margin-top: 6%;}
.ce-news{margin-top:9%;}
.ce-news li{}
.ce-news li:nth-child(n+2){margin-top: 20px;}
.ce-news li a{display: block;width: 100%;}
.ce-news li a .i{width: 35%;height: 82px;float: left;}
.ce-news li a .t{width:60%;float: right;}
.ce-news li a .t .p1{font-size: 14px;line-height: 1.6;color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.ce-news li a .t .p3{font-size: 12px;color: #666;margin-top: 5%}
.ce-news li a:hover .t .p1{color: #132c66}

/*资质荣誉*/

.ho-list li{width: 25%;float: left;box-sizing: border-box;border: 1px solid #f5f5f5;
background: #fff;padding: 10px;}
.ho-list li a{display: block;width: 100%;position: relative;}
.ho-list li a .i{width: 100%;height: 28vw;max-height: 360px;}
.ho-list li a .i img{transform: scale(0.95);}
.ho-list li a .t{text-align: center;font-size: 14px;color: #333;padding: 3% 0;}
.ho-list li a .ho-fu{position: absolute;width: 100%;height: 100%;left: 0;top: 0;
    opacity: 0;visibility: visible;
z-index: 2;background: rgba(0,0,0,0.4) url("../images/big1.png") center no-repeat;
    transform: rotateY(90deg);
    -ms-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -webkit-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
}

.ho-list li a:hover .ho-fu{transform: rotateY(0deg);opacity: 1;visibility: visible;
    -ms-transform:rotateY(0deg);
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);}





.ho-list li a:hover .t{color: #132c66;}
.ho-list li a:hover .i img{transform: scale(1);}

/*联系我们0*/
.con-s1{display: flex;justify-content: space-between;}
.con-s1 li{width: 38%;padding: 1% 5%;box-sizing: border-box}
.con-s1 li{border-left: 1px solid #eee;}
.con-s1 li:nth-child(3){border-right: 1px solid #eee;text-align: center;width: 25%;}
.con-s1 li .p-1 img{width: 60%;max-width: 140px;min-width: 120px;}
.con-s1 li p.title{font-weight: bold;font-size: 22px;color: #333}
.con-s1 li dl{margin-top: 5%;}
.con-s1 li dl dt{padding: 10px 0;font-size: 16px;color: #333;}

.con-s1 li dl dt .span1{display: inline-block;margin-left: 8px;}
.con-s1 li dl dt .soan2{color: #333;}
.con-s1 li dl dt a{font-weight: bold;font-size: 16px;text-decoration: underline;color: #333}
.con-s1 li dl dt a:hover{color: #132c66}
.con-s1 li dl p.sm{font-size: 14px;color: #666;}


/**/
.m-lian{display: none}
.m-lian .title{font-weight: bold;font-size: 18px;color: #333;margin-bottom: 10px;}
.m-lian li dl dt{padding: 7px 0;font-size: 14px;}
.m-lian li dl dt .span1{display: inline-block;margin-left: 8px;}
.m-lian li dl dt .soan2{color: #333;}
.m-lian li dl dt a{font-weight: bold;font-size: 14px;text-decoration: underline;color: #132c66}
.m-lian li dl dt a:hover{color: #132c66}
.m-lian li dl p.sm{font-size: 14px;color: #666;}




/**/
.con-s3{margin-top: 4%;}

.con-s3-l{width:40%;float: left;}
/*#s7-form{margin-top: 3%;}*/
#s7-form .input-cl{margin-right: 0}
#s7-form textarea{display: block;outline: none;width: 100%;padding: 1.5% 1.9%;border: none;background: rgba(255,255,255,0.99);margin-top: 3%;
    margin-bottom: 3%;height:10vw;max-height: 130px;border: 1px solid #eee;font-size: 14px;
}
#s7-form .code{display: block;float: left;height: 58px;}
/*#s7-form input[name=captcha]{width: 35%}*/
#s7-form button{display: block;width:100%;padding: 2% 0%;background: #132c66;font-size: 16px;color: #fff;margin-top: 3%;cursor: pointer;}
#s7-form button:hover{background: #183a90;}

#s7-form input{display: block;font-size: 14px;color: #333;width: 100%;padding: 1.8% 2%;background: rgba(255,255,255,0.99);
    border: 1px solid #eee;box-sizing: border-box;
    outline: none;
    float: left;
}
#s7-form input.mt-input{margin-top: 3%;}
#s7-form input::-webkit-input-placeholder{
    color:#666;font-size: 14px;
}
#s7-form input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#666; font-size: 14px;
}
#s7-form input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#666; font-size: 14px;
}
#s7-form input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#666; font-size: 14px;
}

#s7-form textarea::-webkit-input-placeholder{
    color:#666;font-size: 14px;
}
#s7-form textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#666; font-size: 14px;
}
#s7-form textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#666; font-size: 14px;
}
#s7-form textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#666; font-size: 14px;
    
}

.con-s3-r{width: 56%;float: right;}

#dituContent{width: 100%;height:200px;box-sizing: border-box;border: 1px solid #eee;}

.mes-code{position: relative}
#s7-form .code{position: absolute;top: 0;right: 0;}

.con-s3 .title{font-weight: bold;font-size: 22px;color: #333}
.con-s3 .con{margin-top: 30px}


/*案例*/
.case-list{margin-top: 3%;}
.case-list li{width: 32%;float: left;margin-right: 2%;}
.case-list li:nth-child(3n){margin-right: 0;}
.case-list li:nth-child(n+4){margin-top: 2%;}
.case-list li a{display: block;width: 100%;}
.case-list li a .i{width: 100%;height: 24vw;max-height: 300px;position: relative;overflow: hidden;}
.case-list li a .i .fu1{position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;opacity: 0;
    background: rgba(215,0,15,0.8);
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out; /* Firefox 4 */
    -webkit-transition-timing-function: ease-in-out; /* Safari 和 Chrome */
    -o-transition-timing-function: ease-in-out; /* Opera */
transform: translateX(90%);
    -ms-transform:translateX(90%);
    -moz-transform:translateX(90%);
    -webkit-transform:translateX(90%);
    -o-transform:translateX(90%);}
.case-list li a .i .fu{position: absolute;width: 100%;height: 100%;z-index: 2;left: 0;top: 0;}
.case-list li a .i .fu .son{padding: 8% 8%;width: 100%;height: 100%;box-sizing: border-box;
display: flex; flex-direction: column;justify-content: space-between}
.case-list li a .i .fu .son .big{height: 48px;width:100%;
opacity: 0;
transform: translateX(30px);
    -ms-transform:translateX(30px);
    -moz-transform:translateX(30px);
    -webkit-transform:translateX(30px);
    -o-transform:translateX(30px);
}

.case-list li a .i .fu .son .big .big-s{width: 50px;height: 50px;float: right;border-radius: 5px;
background-color: #fff;background-image:url("../images/big.png");
background-size:auto;background-position: center;background-repeat: no-repeat;}


.case-list li a .i .fu .son .t{font-size: 16px;color: #fff;font-weight: bold;
    transform: translateX(30px);
    -ms-transform:translateX(30px);
    -moz-transform:translateX(30px);
    -webkit-transform:translateX(30px);
    -o-transform:translateX(30px);

opacity: 0;}


.case-list li a:hover .i .fu1{opacity: 1;transform: translateX(0);
    -ms-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);}

.case-list li a:hover .i .fu .son .big{opacity: 1;
transform: translateX(0);
    -ms-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);}
.case-list li a:hover .i .fu .son .t{opacity: 1;
    transition-delay: 0.06s;
    -moz-transition-delay:  0.06s; /* Firefox 4 */
    -webkit-transition-delay:  0.06s; /* Safari 和 Chrome */
    -o-transition-delay:  0.06s;
    transform: translateX(0);
    -ms-transform:translateX(0px);
    -moz-transform:translateX(0px);
    -webkit-transform:translateX(0px);
    -o-transform:translateX(0px);
}


.case-list li a:hover .i img{transform: scale(1.05);
    -ms-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -o-transform:scale(1.05);}



.case-list li a .t1{display: none;padding: 10px 8px;font-size: 14px;color: #333;
text-align: center;background: #eee;
transition: 0.3s;
    -moz-transition0.3s:;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
}
.case-list li a:hover .t1{background: #132c66;color: #fff;}

.big-info-show-t{height: 40px;background: #eee;}
.big-info-show-t span{display: inline-block;padding: 0 30px;background: #d7000f ;color: #fff;
height: 40px;line-height: 40px;}
.big-info-show-c{margin-top: 2%;}
.info-lun-box .swiper-button-prev:after, .info-lun-box .swiper-button-next:after{ display: none;}


.swiper-info-lun{width: 30px;height: 70px;background-color: rgba(215,0,15,0.8);
    transition: 0.3s;
    -moz-transition:0.3s;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    background-repeat: no-repeat;background-position: center;background-size: auto;top: 42%;}
.swiper-info-lun:hover{background-color:rgba(255,160,63,1)}
.swiper-button-prev-info{left: 0;background-image: url("../images/p.png");}
.swiper-button-next-info{right: 0;background-image: url("../images/n.png");}
.info-lun a{display: block;width: 100%;}
.info-lun a .i{width: 100%;height: 20vw;max-height: 250px;position: relative;overflow: hidden}
.info-lun-p a .i{box-sizing: border-box;border: 1px solid #eee;}
.info-lun a .t{padding: 10px 6px;background:#eee;box-sizing: border-box;color: #333;font-size: 15px;text-align: center;}

.info-lun a:hover .t{background: #132c66;color: #fff;}
.info-lun a:hover .i img{transform: scale(1.03);-ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
}

.big-info-show-t2{margin-top: 3%;}
.big-info-list li{width: 48.5%;float: left;padding: 12px 0;
border-bottom: 1px dashed #eee;}
.big-info-list li:nth-child(2n){float: right}
.big-info-list li a{display: block;font-size: 15px;color: #333;padding: 0 3px;}
.big-info-list li a:hover{color: #132c66}


.news-info-c-has-fl{margin-top: 2%;}


/*产品详情*/
.pro-info-title{display: none;}
.pinfo-box{margin-top: .5%;}
.pinfo-box-l{width: 50%;float: left;box-sizing: border-box;border: 1px solid #eee;}



.swiper-pagination-info span{width: 8px;height: 8px;background: none;border: 2px solid #ddd;}
.swiper-pagination-info .swiper-pagination-bullet-active{border-color: #132c66}
.swiper-pagination-info a:hover .i{border-color: #132c66}





.info-info .i{width: 100%;height: 40vw;max-height: 400px;}
.pinfo-box-r{width: 46%;float: right;box-sizing: border-box;}
.pinfo-box-r h1{font-size: 24px;color: #333;margin-top: 2%;}
.pinfo-box-r ul{margin-top: 3%;}
.pinfo-box-r ul li{font-size: 15px;color: #666;padding: 7px 0}
.pinfo-box-r ul li.tel{font-weight: lighter;color: #132c66;font-family: impact;font-size: 36px;}
.pinfo-box-r ul li.e{width: 130px;text-align: center;}
.pinfo-box-r ul li.e img{display: block;width: 100%;}
.proinfo-c{margin-top: 3%;}
.pinfo-box-r ul li.e .et{margin-top: 5px;font-size: 14px;}
.ce-pro{margin-top: 5%;}
.ce-pro li a{display: block;width: 100%;}
.ce-pro li a .i{width: 100%;height: 20vw;box-sizing: border-box;border: 1px solid #eee;
max-height: 250px;}
.ce-pro li a .i img{transform: scale(0.9);
    -ms-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);}
.ce-pro li a .t{font-size: 15px;color: #333;text-align: center;padding: 6px 0;background: #eee;}
.ce-pro li:nth-child(n+2){margin-top: 15px;}
.ce-pro li a:hover .t{background: #132c66;color: #fff}
.ce-pro li a:hover .i{border-color: #132c66}
.case-list-pro .i{box-sizing: border-box;border: 1px solid #eee;}
/*搜索框*/
.sou-kuang{position: fixed;width: 100%;background: rgba(255,255,255,0.8);left: 0;top: 150px;z-index: 1000;
    box-shadow: 1px 3px 8px rgba(0,0,0,0.2);
transform: translateY(-240px);opacity: 0;
}
.sou-kuang-show{opacity: 1;transform: translateY(0);
    -ms-transform:translateY(0);
    -moz-transform:translateY(0);
    -webkit-transform:translateY(0);
    -o-transform:translateY(0);
}
.sea-form{width: 60%;margin: 0 auto;padding: 30px 0;position: relative;}
.sea-form-close{position: absolute;width: 25px;height: 25px;border-radius: 50%;
    right: -16px;top: 16px; opacity: 0;
    cursor: pointer;
border:2px solid #ddd;background: #fff url("../images/xl.png") center no-repeat;}
.sea-form-close:hover{background: #fff url("../images/xl1.png") center no-repeat;
transform: rotate(45deg);border-color: #132c66;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);

}

.sou-kuang-show .sea-form-close{opacity: 1;
}



.sea-form input{display: block;height: 50px;width: 80%;float: left;
margin: 0;padding: 0 2%;box-sizing: border-box;outline: none;border: 1px solid #eee;
background: #fff;
transform: translateX(100px);
    -ms-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -webkit-transform:translateX(100px);
    -o-transform:translateX(100px);
    opacity: 0;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;

}
.sea-form button{width: 20%;height:50px;float: right;outline: none;border: none;background: #ff963f;
color: #fff;font-size: 16px;
    transform: translateX(-100px);
    -ms-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -webkit-transform:translateX(-100px);
    -o-transform:translateX(-100px);
    opacity: 0;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;cursor: pointer;}
.sea-form button:hover{background: #ff963f}
.sou-kuang-show input,.sou-kuang-show button{transform: translateX(0);opacity: 1;
    -ms-transform:translateX(0);
    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -o-transform:translateX(0);}


.footer-bot{height:60px;position: fixed;bottom: 0;left: 0;z-index: 100;display: none;border-top: 0px solid #b2bfc9}
.footer-bot {height: 60px;width: 100%;}
.footer-bot li{width: 21%;height: 100%;float:left;list-style: none;}
.footer-bot li{box-sizing: border-box;border-right: 1px solid #b2bfc9;}
.footer-bot li:nth-child(4){border-right: none;}
.footer-bot li a{display: block;width: 100%;height: 100%;line-height: 95px;font-size: 14px;color: #fff;text-align: center;}
.footer-bot li:nth-child(1) a{background: #94adc1 url("../images/fot1-1.png") center top 6px no-repeat;background-size:28px}
.footer-bot li:nth-child(2) a{background: #94adc1 url("../images/fot2-2.png") center top 6px no-repeat;background-size: 28px}
.footer-bot li:nth-child(3) a{background: #94adc1 url("../images/fot3-3.png") center top 6px no-repeat;background-size: 28px}
.footer-bot li:nth-child(4){width: 37%;}
.footer-bot li:nth-child(4) a{background: #ff963f url("../images/bot4.png") center top 6px no-repeat;background-size: 28px}
/*侧边栏*/
#gotop{position: fixed;width: 50px;height: 50px;border-radius: 50%;z-index: 110;opacity: 0;visibility: visible;
    transform: translateX(100px);
    -ms-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -webkit-transform:translateX(100px);
    -o-transform:translateX(100px);

    border: 2px solid #ddd;right: 30px;bottom: 50px;cursor: pointer;
background: #fff url("../images/top1.png") center no-repeat;background-size: 77%;}
#gotop:hover{background: #132c66 url("../images/top1.png") center no-repeat;background-size: 77%;
border-color: #132c66;}
.gotop-show{transform: translateX(0)!important;opacity: 1!important;visibility: visible!important;
    -ms-transform:translateX(0px)!important;
    -moz-transform:translateX(0px)!important;
    -webkit-transform:translateX(0px)!important;
    -o-transform:translateX(0px)!important;
}

/**/

#fu{transition: 0.5s;
    width:150px;position: fixed;top:230px;right: 5px;z-index: 100;background:#132c66;padding: 20px 0;border-radius: 0px;padding-bottom: 10px;}
.fudong{transform: translateX(150px);}
#fu .ewm{width: 119px;height: 149px;margin: 0 auto;background: #fff}
#fu .zi{width: 116px;margin: 0 auto;text-align: center;}
#fu .zx{width: 120px;height: 40px;margin: 0 auto}
#fu .zx a{display: block;width: 120px;height: 38px;background: #fff url("../images/zx.jpg") left 13px center no-repeat;border-radius: 3px;
    background-size: 23px;
    color: #3f3f3f;line-height: 37px;text-indent: 45px;font-size: 15px;}
#fu .zx1 a{display: block;width: 120px;height: 35px;background: #fff url("../images/qq.png") left 15px center no-repeat;border-radius: 3px;
    color: #3f3f3f;line-height: 34px;text-indent: 47px;background-size: 24px;font-size: 15px;}
#fu .side{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background: url("../images/ful1.png") center no-repeat;cursor: pointer}
#fu .side2{position: absolute;left: -29px;height: 58px;width: 29px;top: 0px;
    background:  url("../images/ful2.png") center no-repeat;cursor: pointer;display: none}
  .lx_bt {
    width: 100%;
	display: inline-block;
	margin-bottom: 50px;
  }
  .conttact {
    float: left;
    width: 35%;
    height: 3.8rem;
    background-color: #132c66;
    border-radius: 0 120px 0 0px;
  }
  
  .lx1 {
    display: block;
    margin-left: 40px;
    margin-top: 85px;
  }
  
  .lx1 i {
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 45px;
    font-style: normal;
    line-height: 80px;
  }
  
  .lx1 em {
    display: block;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "Impact";
    font-size: 45px;
    letter-spacing: 2px;
  }
  
  .lx2 {
    margin-top: 98px;
    color: #fff;
    margin-left: 40px;
    width: 3.4rem;
    height: 95px;
    background-color:#254286;
    border-radius: 100px;
    padding: 15px;
  }
  
  .lx2 p {
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 35px;
    line-height: 25px;
  }
  
  .lx2 b {
    font-size: 28px;
    letter-spacing: 2px;
  }
  
  .wz_js {
    width: 62%;
    height: 2.9rem;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(210, 210, 210, 0.5);
    float: right;
    margin-top: 90px;
    border-radius: 20px;
  }
  
  .wz_js1 {
    position: absolute;
    color: #666666;
    width: 44%;
    padding-left: 44px;
    font-size: 16px;
    margin-top: 65px;
  }
  
  .wz_js1 span {
    color: #132c66;
    font-size: 0.24rem;
    margin-bottom: 25px;
    font-weight: bold;
    display: block;
  }
  
  .wz_js1 p {
    line-height: 40px;
    letter-spacing: 1px;
  }
  
  .lx_nr {}
  
  .map {
    width: 65%;
    height:500px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    float: left;
  }
  
  .lx_fs {
    float: right;
    width: 33%;
    height: 500px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    overflow: hidden;
  }
  .fs1 {
    width: 100%;
    height: 120px;
    background: #132c66;
    text-align: center;
    color: #fff;
  }
  
  .fs1 span {
    font-size: 30px;
    padding-top: 47px;
    display: block;
    font-weight: bold;
  }
  
  .fs1 p {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 55px;
  }
  
  .fs_tp {
    margin-top: 10px;
  }
  
  .fs_tp ul {
    padding-left: 20px !important;
  }
  
  .fs_tp li {
    height: 75px;
    display: block;
    line-height: 45px;
  }
  
  .fs_tp i {
    width: 40px;
    height: 40px;
    float: left;
    padding: 5px 0;
  }
  
  .fs_tp span {
    margin-left: 14px;
    display: inline-block;
  	width: 75%;
  }
  
  .fs_tp d {
    font-weight: bold;
    color: #333333;
    font-size: 16px;
  }
  
  .fs_tp em {
    font-style: normal;
    font-size: 17px;
    color: #666666;
    text-transform: none;
  	line-height: 40px;
  }
  
  .fs_tp a {
    font-style: normal;
    font-size: 18px;
    color: #666666;
    text-transform: none;
  }
  
  .spa {
    line-height: 30px;
  }
 .aboutNewBox2BoxMessage {
  
    margin-top: 0.34rem;
  
    width: 100%;
  
    padding: 0.58rem 0;
  
    background: #f8f8f8;
  display: inline-block;
  }
  
.aboutNewBox2BoxMessage h4 {
  
    padding-left: 0.34rem;
  
    font-size: 0.24rem;
  
    line-height: 0.36rem;
  
    position: relative;
  
  }
  
.aboutNewBox2BoxMessage h4::before {
  
    content: "";
  
    width: 0.22rem;
  
    height: 0.02rem;
  
    background: #333;
  
    position: absolute;
  
    left: 0;
  
    top: 50%;
  
    transform: translateY(-50%);
  
  }
  
 .aboutNewBox2BoxMessage span {
  
    display: block;
  
    font-size: 14px;
  
    line-height: 36px;
  
    color: #999999;
  
  }
  
 .aboutNewBox2BoxMessage ul {
  
    display: flex;
  
    justify-content: space-between;
  
    flex-wrap: wrap;
  
    margin-top: 0.2rem;
  
  }
  
 .aboutNewBox2BoxMessage ul li {
  
  
    justify-content: center;
  
    float: left;
  
    width: 24%;
  
    height: 0.5rem;
  
    line-height: 0.5rem;
  
    background: #fff;
  
    border-radius: 5px;
  
  }
  
.aboutNewBox2BoxMessage ul li input {
  
    width: 100%;
  
    height: 0.5rem;
  
    display: block;
  
    padding-left: 0.56rem;
  
    padding-right: 0.2rem;
  
    color: #999;
  
  }
  
.aboutNewBox2BoxMessage ul li:nth-child(1) input {
  
    background: url(../images/aboutnewbox2boxmessage1.png) no-repeat 0.13rem center;
  
    background-size: 0.3rem;
  
  }
  
.aboutNewBox2BoxMessage ul li:nth-child(2) input {
  
    background: url(../images/aboutnewbox2boxmessage2.png) no-repeat 0.13rem center;
  
    background-size: 0.3rem;
  
  }
  
.aboutNewBox2BoxMessage ul li:nth-child(3) {
  
    flex: 0 0 26.15%;
  
    justify-content: center;
  
    float: left;
  
    width: 26.15%;
  
  }
  
.aboutNewBox2BoxMessage ul li:nth-child(3) input {
  
    background: url(../images/aboutnewbox2boxmessage3.png) no-repeat 0.13rem center;
  
    background-size: 0.3rem;
  
  }

  .aboutNewBox2BoxMessage ul li:nth-child(4) {
  
    flex: 0 0 12.5%;
  
    justify-content: center;
  
    float: left;
  
    width: 12.5%;

  
  }
  .aboutNewBox2BoxMessage ul li:nth-child(4) button {
  
    display: block;
  
    width: 100%;
  
    height: 0.5rem;
  
    outline: none;
  
    border: 0;
  
/* 	background-color: #132c66 !important; */

   background-image: linear-gradient(to right, #b00e1b, #db1717);
  
    -webkit-transition: 0.5s;
  
    transition: 0.5s;
  
    color: #fff;
  
    border-radius: 5px;
  
  }
  
.aboutNewBox2BoxMessage ul li:nth-child(4):hover button {
  
    transform: translateY(-5px);
  
  }
.aboutNewBox2BoxMessage .row{ width: 65%; float: left;}
.row-erwei{ width: 32%; float: right;}
.row-erwei dl{ width: 40%; margin-left: 9%; float: left;}
.row-erwei dl img{ width: 100%;}
.row-erwei dl p{ text-align: center; line-height: 30px; font-size: 0.16rem;}
.inside-city {
    padding: 1rem 0;
    background-color: #fff;
}
.inside-container1{ position: relative;}
.inside-city-area {
    width: 30.69%;
    margin-top: 1.25rem;
}
.jm_box {
    width: 100%;
    margin-left: 2%;
    height: 5.8rem;
}

.jm_box .bd {
    height: 5.8rem;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    box-sizing: border-box;
}

.jm_box .bd li h3 {
    line-height: 58px;
    font-size: 22px;
    font-weight: bold;
}

.jm_box h3 span {
    font-size: .7rem;
    color: #d51d0f;
    font-family: Arial;
}

#distpicker {
    margin: .25rem 0px;
}

.select {
    display: inline-block;
    width: 150px;
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    color: #000;
    border: 1px solid #000;
    text-shadow: none;
    border-radius: 4px;
    transition: box-shadow 0.25s ease;
    z-index: 2;
    float: left;

}

.select option {
    color: #401a1a
}

.select:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.select:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #000;
    top: 14px;
    right: 10px;
    cursor: pointer;
    z-index: -2;
}

.select select {
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-right: 2%;
    color: #000
}

.select select:focus {
    outline: none;
}

.showinfo {
    width: 100%;
    height: 4.6rem;
    overflow: auto;
    padding-top: 10px;
}

.showinfo dl {
    display: block;
    padding: 5px 1% 10px 1%;
    background: #f4f4f4;
    margin-bottom: 10px;
    margin-top: 8px;
    width: 94%;
    padding: 10px;
    box-sizing: border-box;
}

.showinfo dl dt {
    line-height: 30px;
    font-size: 20px;
    height: 30px;
    overflow: hidden;
    color: #000;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
}

.showinfo dl dd {
    line-height: 20px;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    color: #666;
    margin-top: 10px;
}

.showinfo dl .dd:nth-child(3){ font-size:0.12rem}
.showinfo dl dd img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.sm-btn {
    width: 115px;
    height: 38px;
    line-height: 38px;
    background: #132c66;
    color: #fff;
    font-size: 18px;
    float: left;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-left: 30px;
}
.city-map {
    width: 61%;
    position: absolute;
    right: 0;
    top: 0;
}
.city-map img{ width: 100%;}
.inside-title {
    font-size: .48rem;
    font-weight: bold;
    color: #000;
    position: relative;
    line-height: 1;
}
.inside-title:after {
    content: "";
    display: block;
    width: .6rem;
    height: 0.05rem;
    background-color: #d1291a;
    position: absolute;
    left: 0;
    bottom: -.4rem;
}
#top-bodycontent{ width: 100%; background: #fff;}
			.mianbxContent{ width:100% !important; height:60px !important; font-size:16px !important; line-height:60px !important; text-align:left !important; text-indent:2.5em; background:url(../images/20210727135313_4114606.png) #fff no-repeat 7px -22px; border-bottom:1px dashed #ddd !important; position:relative; transition:0.1s all; }
			.mianbxContent:hover{ background-position:7px 20px;}
			
			.mianbxContent::after, .mianbxContent:after{ content:''; display:block; width:200px; height:40px; position:absolute; top:0; right:0;}
			.mianbxContent a{ color:#333; font-size:15px !important;}
.banner-image{ height: 680px; background-position:top center; background-size: cover; background-repeat: no-repeat;}
.show-newslist li{ width: 49%; margin-right: 2%; float: left; padding: 0px; line-height: 40px; height: 40px; font-size: 0.16rem;}
.show-newslist{ margin: 20px 0px;}
.show-newslist li i{ font-size: 0.12rem; float: right;}
.show-newslist li:nth-child(2n){ margin-right: 0px;}

.show-pro{ width: 100%; display: inline-block; padding-top: 3%; background: #f5f9fd; padding-bottom: 20px;}
.details-show{width: 100%; display: inline-block;}
.topshow{ width:40%; position: relative;}
.topshow .lefttop{ width: 100%; height: 380px; display: block; overflow: hidden;border: 1px solid #999;}
.topshow .lefttop .details-img{ width: 100%; height: 100%; flex-shrink: 0;  overflow: hidden; display: flex;align-items: center; background: #fff;}
.topshow .lefttop .details-img img{ width: 100%; display: block; margin: auto; }
.lefttop-thumb { width: 85%; margin: auto; overflow: hidden; margin-top: 20px;}
.details-thumb{ width: 31%; margin-right: 2%; height: 100px;flex-shrink: 0; background: #fff; }
.details-thumb img{ width: 100%; display: block; margin: auto;}
.details-qie span{ width: 32px; height: 100px; display: block; background: #d6d6d6;display: flex;align-items: center; position: absolute; bottom: 0px; border-radius: 10px;}
.details-qie span img{width: 60%; display: block; margin: auto;}
.details-qie .next-right{ right: 0px; border: none;outline: none;}
.lefttop-thumb .swiper-slide-active{ border: 1px solid #dfdfdf;}
.right-details{ width: 52%; display: inline-block;}
.right-details p{ font-size: 32px; font-weight: bold; line-height: 70px;}
.right-details .right-guige{ width: 100%; height: 35px; background:url(../images/c18.jpg)top left; color: #fff; padding: 0px 8px; box-sizing: border-box; font-size: 14px; margin: 30px 0px; background-size:100%; line-height: 35px; }
.right-details .right-guige img{ width: 15px; float: left; margin: 0px;  margin-right: 20px; margin-top: 2%; display: block;}
.right-details  ul li { font-size: 18px; width: 50%; float: left; line-height: 48px;}
.right-details  ul { min-height: 270px; height:270px;}
.canshutu{ width:100%;overflow-y: scroll; height:270PX}
.canshutu img{ width:100%}
.canjie{ line-height: 30px; height: 1.5rem;}
.right-details .right-tel{ width: 100%; display: inline-block;}
.right-tel  span{ width: 24%; height: 40px; line-height: 40px; font-size: 0.18rem; text-align: center; background: #e71f19; display: block; border-radius: 10px; float: left;margin-top: 2%;} 
.right-tel  span a{ font-size: 0.18rem; color: #fff;}
.right-tel b{ float: left; width: 60%; font-size:24px ; margin-left: 30px; padding-top: 4%; height: 57px; }
.right-tel b i{ font-style:initial}
.right-tel b a{ color: #e71f19; font-size: 0.2rem;}
.right-xiangqing{ width: 100%; background: #fff; display: block; margin-top: 0.3rem;}
.details-title ul li{ width: 25%; height: 65px; background: #e4e4e4; display: block; float: left;padding-top: 14px; box-sizing: border-box; margin-right: 10px; }
.details-title ul li i{ width: 40px; height:40px; display: block; float: left;margin-right: 20px;  margin-left: 8%;}
.details-title ul li i img{ width: 100%;}
.details-title ul .notes i{ background: url(../images/tu24.png) no-repeat top center; background-size: 100%;}
.details-title ul .video i{ background: url(../images/shipin.png) no-repeat top center;background-size: 100%;}
.details-title ul li span{ font-size: 16px; line-height: 20px;}
.details-title ul li span b{ font-size: 12px; font-weight: 400;}
.details-title ul li.on{background: #000; color: #fff;}
.details-title ul .notes.on  i{ background: url(../images/tu25.png) no-repeat top center; background-size: 100%;}
.details-title ul .video.on i{ background: url(../images/shipin2.png) no-repeat top center;background-size: 100%;}
.details-cont{ margin-top: 2%; width: 100%; display: inline-block;  box-sizing: border-box;}
.page_turn span{ text-align: left; width: 100%;display: block;line-height: 40px;}
.details-cont .show-title{ width: 1.2rem; height: 0.4rem; line-height: 0.4rem; background-image: linear-gradient(to right, #b00e1b, #db1717); text-align: center; color: #fff; font-size: 0.2rem;}
.show-cont-can{ font-size: 0.18rem; line-height: 0.33rem; margin: 0.2rem 0rem;}
.ihec-sh .swiper-container{ height: 800px;} 
.ihec-sh .swiper-slide{ width: 490px; height: 385px;}
.ihec-sh .swiper-button-next:after, .ihec-sh .swiper-button-prev:after{ display: none;}
.ihec-sh .swiper-button-prev,.ihec-sh .swiper-button-next{ outline: none;}
.inside-hezuo-wrp {
    width: 100%;
    height: 5.28rem;
    background-color: #132c66;
    border-radius: 0.36rem;
    position: relative;
    overflow: hidden;
	margin-top: 0.5rem;
}
.inside-hezuo-wrp .hezuo-logo {
    width:3.2rem;
    position: absolute;
    left:2%;
    top: 0.5rem;
}
.inside-hezuo-wrp .hz-call {
    font-size: .31rem;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    left: 3.6%;
    top: 4rem;
}
.inside-hezuo-form {
    width: 73.7%;
    height: 100%;
    background-color: #f1f1f1;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: .36rem;
    padding-top: 0.92rem;
    padding-bottom: 0.8rem;
}
.inside-hezuo-form .input-wrp {
    width: 100%;
    margin-right: 5%;
    margin-bottom: 0.4rem;
}
.input-wrp-left{ width: 55%; float: left;}
.inside-hezuo-form .input-wrp label {
    font-size: 0.2rem;
    width: 1.22rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: right;
    margin-right: 0.06rem;
}
.inside-hezuo-form .input-wrp input {
    flex-grow: 1;
    flex-shrink: 1;
    height: 0.46rem;
    line-height: 0.44rem;
    text-indent: 1em;
    font-size: 0.18rem;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0.08rem;
}
.inside-hezuo-form .input-wrp textarea {
    height: 0.9rem;
    padding: 0.08rem 0.5em;
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 0.18rem;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0.08rem;
}
.inside-hezuo-submit {
    display: block;
    width: 1.6rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.08rem;
    background-color: #132c66;
    color: #fff;
    text-align: center;
    font-size: 0.18rem;
	margin-left: 22%;
}
.input-wrp-right{ width: 35%; margin-left: 5%; border: 1px solid #999;} 
.input-wrp-right p{width: 100%; line-height: 40px; background: #132c66; text-align: center; color: #fff; font-size: 0.16rem;}
.input-wrp-right ul li{ width: 100%; padding-left: 2%; box-sizing: border-box; height:  0.55rem; line-height: 0.55rem;}
.input-wrp-right ul li i{ width: 6px; height: 6px; background: #000; border-radius: 50%; display: block; float: left; margin-right: 0.1rem;  margin-top: 7%;}
#sdtx_bg{width:100%; height:831px; background:url(../images/20210726151026_1860375582.jpg) top center no-repeat ;margin-top: 0.8rem;}
#sdtx_t{padding-top:90px; height:302px;}
#sdtx_t .h1{height:65px; font-size:45px; color:#fff; font-weight:normal;}
#sdtx_t .h1 span{font-weight:bold;}
#sdtx_t .h2{height:50px; font-size:18px; color:#fff;}
#sdtx_t .h2 span{font-family:fontDin1; font-size:25px;}
#sdtx_t .h3{line-height:20px; color:#2e62a9; font-size:12px; text-transform:uppercase;}

#sdtx_b{width:100%; margin:0 auto; }
#sdtx_b li{float:left; width:32%; height:510px; background:#fff; border-radius:10px; box-shadow:0 0 10px #b0b5c0; text-align:center; position: relative; overflow: hidden;}
#sdtx_b li{ margin-right:1.5%;}
#sdtx_b li:nth-child(3){ margin-right: 0px;}
#sdtx_b li .tx1{font-size:40px; line-height: 75px; font-family:fontDin1; height:75px; text-align:center; margin-top:40px; position: absolute; top: 36%; left: 43%; width: 75px; background: #fff; border-radius: 50%; box-shadow:0 0 10px #b0b5c0;}
#sdtx_b li .tx2{height:260px; text-align:center; width: 100%; overflow: hidden;}
#sdtx_b li .tx2 img{ width: 100%; height: 100%; object-fit: cover;}
#sdtx_b li .tx3{height:40px; font-size:25px; font-weight:normal; margin-top: 12%;}
#sdtx_b li .tx4{height:35px; font-size:14px; color:#cecece; text-transform:uppercase;}
#sdtx_b li .tx5{ font-size:15px; color:#333; line-height:30px; padding: 0px 10px; box-sizing: border-box;}
#lc_t{text-align: center; font-size:40px; margin-top:60px; font-weight:normal;color:#000; }
#lc_t span{font-weight:bold; color:#000;}
#lc_t i{ width: 5%; height: 6px; background: #db1717; display: block; margin:15px auto;}
#lc_t p{font-size:18px; color:#000; padding-top:5px;}
#lc_c{width:300px; text-align: center;  margin:0 auto; margin-top:10px; font-size:25px; font-family:fontDin1;}
#lc_c img{padding-top:5px; padding-right:5px;}
#lc_cc{margin-top:20px; text-align:center;}
#lc_b{width:1398px; margin:0 auto; margin-top:30px;}
#lc_b_l{width:208px; float:left; position: relative;}
#lc_b_l .lc_quan{width:208px; height:208px; border-radius:200px; background:#f8f8f8; text-align:center; cursor:pointer;}
#lc_b_l .lc_quan:hover{background:#132c66; color:#fff;}
#lc_b_l .font_t{padding-top:40px; height:95px;}
#lc_b_l .lc_quan .img1{width:44px; height:41px; background:url(../images/20210726193401_1280508206.png) no-repeat; margin:0 auto;}
#lc_b_l .lc_quan:hover .img1{width:44px; height:41px; background:url(../images/20210726193401_1324839441.png) no-repeat; margin:0 auto;}

#lc_b_l .lc_quan .img2{width:36px; height:38px; background:url(../images/20210726193401_1077842451.png) no-repeat; margin:0 auto;}
#lc_b_l .lc_quan:hover .img2{width:36px; height:38px; background:url(../images/20210726193401_1733035091.png) no-repeat; margin:0 auto;}

#lc_b_l .lc_quan .img3{width:38px; height:38px; background:url(../images/20210726193401_442094155.png) no-repeat; margin:0 auto;}
#lc_b_l .lc_quan:hover .img3{width:38px; height:38px; background:url(../images/20210726193401_1894339572.png) no-repeat; margin:0 auto;}

#lc_b_l .lc_quan .img4{width:45px; height:37px; background:url(../images/20210726193401_938885400.png) no-repeat; margin:0 auto;}
#lc_b_l .lc_quan:hover .img4{width:45px; height:37px; background:url(../images/20210726193401_77934422.png) no-repeat; margin:0 auto;}

#lc_b_l .lc_quan .img5{width:34px; height:34px; background:url(../images/20210726193401_938885400.png) no-repeat; margin:0 auto;}
#lc_b_l .lc_quan:hover .img5{width:34px; height:34px; background:url(../images/20210726193401_77934422.png) no-repeat; margin:0 auto;}

#lc_b_l .lc_quan .img6{width:40px; height:34px; background:url(../images/20210726193401_1639338615.png) no-repeat; margin:0 auto;}
#lc_b_l .lc_quan:hover .img6{width:40px; height:34px; background:url(../images/20210726193401_51415972.png) no-repeat; margin:0 auto;}

#lc_b_l .font_c{font-size:25px; color:#1c314b;}
#lc_b_l .font_c p{font-size:14px; color:#000; text-transform:uppercase; padding-top:5px;}
#lc_b_l .lc_quan:hover .font_c{color:#fff;}
#lc_b_l .lc_quan:hover .font_c p{color:#fff;}

#lc_b_r{width:13%; float:left; height:208px; overflow:hidden;}
#lc_b_r .xian{background:#132c66; height:1px; width:100%; margin-top:106px;}
.inside-lc-t{ width: 100%; display: inline-block;  padding-bottom: 0.1rem; margin-bottom: 0.5rem;}
.inside-abot-pro{ padding: 0px;}
.inside-abot-pro ul li{ background:url(../images/duobianxing1.png) no-repeat; height: 288px; display: flex; align-items: center; background-size: 100%; border: none;}
.inside-abot-pro ul li img{ width: 90%; margin: auto;}
#lc_b_r:nth-child(8){ display: none;}
#lc_quan_fu{ text-align: center; background: #d7000f; border-radius: 10px; padding: 10px; box-sizing: border-box; color: #fff; height: 208px; position: absolute; top: 0px; left: 0px; display: none;}
#lc_quan_fu .font_c{ color: #fff;}
#lc_quan_fu .font_c p{ color: #fff; margin-bottom:0.1rem;}
#lc_quan_fu span{ font-size: 0.14rem; line-height: 0.2rem;}
#lc_b_l:hover #lc_quan_fu{ display: block;}

.inside-hezuo{width: 100%; display: inline-block; padding-bottom: 0.7rem; }
.inside-policy{ width: 100%; display: inline-block; padding-top: 0.8rem; position: relative;  background:url(../images/dbcb8449c6070b2b4dd319b3802e218e.jpg) center no-repeat; padding-bottom: 0.6rem;}
.inside-policy h5{ font-size: 0.36rem; font-weight: bold; text-align: center; color: #fff; z-index: 9;}
.inside-policy h5 i{ width: 5%; height: 6px; background: #fff; display: block; margin:15px auto;｝
/* .inside-policy ul{ width: 100%; padding: 0px 12%; box-sizing: border-box; margin-top: 0.6rem; z-index: 9;}
.inside-policy ul li{ width: 48%; margin-right: 3%; float: left; border: 1px solid #fff; text-align: center; padding:0.1rem; box-sizing: border-box; color: #fff; margin-bottom: 30px; height: 135px;}
.inside-policy ul li p{ font-size: 0.24rem; line-height:0.45rem;}
.inside-policy ul li span{ font-size: 0.16rem; line-height: 0.35rem; }
.inside-policy ul li:nth-child(2n){ margin-right: 0px;} */
.inside-container2{ padding-bottom: 0.6rem;}
.inside-container2 .city-map{ top: 14%; width: 58%;}
.inside-container2  .inside-city-area{ margin-top: 1rem;}